使用react将数据报告回父组件的过程是什么？

Question

考虑两个反应组件。一个是表单组件。另一个是我自己推出的花哨日期选择器。日期选择器应使当前选定的日期可用于其父组件。做这个的最好方式是什么？日期选择器应该以某种方式报告它的父组件吗？如果是这样的话？或者更好的解决方案是在我的项目中使用alt.js从日期选择器中发布一个在表单组件中更新的操作？

Answer 1

执行此操作的最佳方法是在子组件的props中添加onChange。通过向其传递回调来处理父组件中的此onChange事件。这种方法有两个优点。首先，当用户更改表单的状态时，您不依赖任何其他组件。第二个优点是所有自定义表单组件都可以实现相同的接口，以便重用。