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

Question

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

Answer 1

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