Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更新状态或更新类列表_Javascript_Reactjs - Fatal编程技术网

Javascript 更新状态或更新类列表

Javascript 更新状态或更新类列表,javascript,reactjs,Javascript,Reactjs,我有一个ReactJS功能组件,它应该在单击事件时更新同一组件中某个元素的类 问题很简单,我可能认为这是性能方面的问题。我是否更好地转换功能组件,使其管理状态,并根据状态更改类?还是我更擅长用classList.add('active')单击更改类 如果有人知道哪个更好,请告诉我:)如果您需要更改与组件的某些内部状态相关的元素类(使用onClick处理程序更改),那么您应该使用有状态组件(类组件或使用挂钩) 我强烈建议您避免直接访问DOM元素,而手动添加类。React有它自己的方法来控制这些事情

我有一个ReactJS功能组件,它应该在单击事件时更新同一组件中某个元素的类

问题很简单,我可能认为这是性能方面的问题。我是否更好地转换功能组件,使其管理状态,并根据状态更改类?还是我更擅长用classList.add('active')单击更改类


如果有人知道哪个更好,请告诉我:)

如果您需要更改与组件的某些内部状态相关的元素类(使用onClick处理程序更改),那么您应该使用有状态组件(类组件或使用挂钩)


我强烈建议您避免直接访问DOM元素,而手动添加类。React有它自己的方法来控制这些事情。

如果您想在不使用输入的情况下更改组件的行为,那么您有一个有状态的组件。您不能让功能性无状态组件自行更改其状态。使其成为有状态组件