通过React.forwardRef定义的组件，如果props的值改变怎么动态监听？

Question

例如我再父组件使用子组件<List data={data}/>
子组件这样定义const List = React.forwardRef({data}, ref) => <span ref={ref}>{data}</span>
当父组件传递的data发生变化时，子组件内部的值不会变，这个时候我该做什么

Answer 1

forwardRef 定义的组件和普通组件一样用。
你要确定 data 改变时，组件有刷新，比如：使用 setState 修改状态

Answer 2

正常情况下是会触发更新，先确认父组件有没有正常更新，没有更新说明data不是个正常的state，使用useState或者class state来创建和更新data