首页 > react中一个组件中怎么在事件处理函数中触发兄弟组件的重新渲染

react中一个组件中怎么在事件处理函数中触发兄弟组件的重新渲染

如题,求解决方案?


首先我觉得正解应该是Redux。

不过实在不想用,就曲线救国下,但是极其不推荐:
利用父组件传进来callback,更新时调用this.props.c allback,然后父组件更新兄弟组件就ok了(当然也要传递东西)


使用事件还实现,使用pubsub-js这个模块。
兄弟组件订阅事件,主组件发布事件,这样就可以实现更新了

或是用redux这类框架,通过state的状态来管理,不建议这么做


首先你得了解,要更新React组件,只有改变props或者state这两种方式。要使兄弟组件重新渲染,唯有通过父组件state,改变兄弟组件的props,触发兄弟组件重新渲染,这是唯一一种办法。当然通过原生的DOM操作不算组件重新渲染。
其实你是想只重新渲染兄弟组件,不重新渲染父组件和当前组件?只要子组件重新渲染了,父组件一定会重新渲染。还有你是担心性能问题,可以看下有关React组件性能优化相关的文章。

【热门文章】
【热门文章】