以复杂形式存储状态的正确方法是什么？

Question

在react中存储复杂形式的状态的地方

让我们考虑一种复杂的形式来注册驾驶员和所有者

驱动程序将具有所有这些字段

  def fallback_index_html
    path = request.parameters['path']
    render file: 'public/index.html'
  end

所有者具有以下字段

driver = {
firstName: "xyz",
lastName: "abc",
phone: "1234",
email: "m@g.com,
licence: "xy1234"
}

请注意它们共有4个输入，因此创建一个名为User的可重用组件很有意义，因此我们的组件层次结构变为

驱动程序 用户 owner = { firstName: "xyz", lastName: "abc", phone: "1234", email: "m@g.com, vehicle: "1234" }

在这一点上，如果我想对驱动程序数据进行发布请求，则每当我在用户组件或许可证字段中输入的内容发生更改时，我都必须将状态存储在驱动程序中并更新licence input（{ {1}}）

遇到的问题是，只要单个输入发生更改，整个驱动程序组件就会重新呈现。当您有很多嵌套的组件时，这会产生问题 （因为当其中一个孩子改变时，父母会重新交付所有孩子）

此解决方案的最佳设计模式是什么？

Ps。对我来说，这是React最具挑战性的部分