Reactjs React中的组件层次结构和onChange函数

我正在尝试建立一个系统来帮助我们的应用程序标准化表单输入和验证，我不知道如何正确处理更改事件

我将在以下结构中设置组件，从底部开始，向上：

NumberInput：一个托管的

字段，它确保只有数值，并具有允许/不允许小数、最大值/最小值等的设置。这类似于type=“number”，只是我可以让它按我想要的方式运行。它是所有onChange事件的初始源。以及控制可以输入的字符等

年度投入。调用NumberInput并自动向其添加maxLength 4和其他特定内容

---

表单字段组件。看起来像

。用于标准化错误报告、标签和表单包装div。将让

将
onChange
处理程序从顶级组件一直传递到需要它的地方。理想情况下，只有您的商店知道业务逻辑。