React为什么要尽量避免操作DOM

本人在最近开发过程中，使用React框架，由于一直习惯于用原生js方法查找DOM和操作DOM，而且起初并未发现问题。而昨天在对一组子组件的开发中，由于使用了document.getElementBy的方法，而这一组子组件是通过map生成的结构相同的子组件，于是出现了在对其中一个组件的操作中，其他子组件也伴随一起相应。原因就是通过原生DOM操作时，创建监听一个组件的事件时，其实也同时监听了所有结构相同的子组件。于是一呼百应，大家集体行动。