如何通过this.refs['xx'],触发子组件更新

有一个父组件,在render中循环了N个子组件,每一个子组件上面都有一个唯一的ref,第一个子组件改变时,会回调父组件的change方法,在父组件中可以获得后一个组件,如this.refs['2nd'],现在想通过this.refs['2nd']改变组件数据,使得后一个组件进行更新。有没有相应的方法,促使后一个组件进行更新,因为无法更改后一个组件props,所以不知道怎么弄了。

所以就是,下拉框级联效果,用一个组件把级联的几个下拉框都做好关联,业务都写在这个组件里面,因为无法使用react常用的那种antd级联,只能这么做,有什么好的方法吗?

阅读 3.4k
3 个回答

最后还是没用refs,还是改变父组件的state,子组件自己去更新数据

通过this.refs['2nd']操作了,数据和dom就不同步了
最好还是修改props,找到下一项的数据,进行更改

redux或者lifting state up,你这个ref的逻辑阅读起来有点反模式,而且极容易出BUG

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题