How to trigger subcomponent updates through this.refs ['xx']

there is a parent component that circulates N child components in render, and there is a unique ref, on each child component. When the first child component changes, the change method of the parent component will be called back, and the latter component, such as this.refs ["2nd"], can be obtained in the parent component. Now you want to change the component data through this.refs [" 2nd"] so that the latter component can be updated. There is no corresponding way to urge the latter component to be updated, because the latter component props, cannot be changed, so I don"t know how to do it.

so, the cascading effect of the drop-down box is to associate several cascaded drop-down boxes with one component, and the business is written in this component, because it is impossible to use the antd cascading commonly used by react. Is there any good way to do this?


through this.refs ['2nd'] operation, the data and dom are not Synchronize.
it is best to modify the props, to find the data of the next item, and make changes


finally, the refs, is not used or the state, of the parent component is changed. The sub-component updates the data by itself


with redux or . Your ref logic is a bit anti-pattern, and it's easy to get BUG

.
Menu