如何以多步动态形式将 React useContext 与 Formik FieldArray 结合使用？
我已经编码 4 个月了，这是我的第一篇文章，也是我第一次使用 SandBox，请随意烤我...... 我正在尝试制作一个复杂的多步骤动态表单，用户可以在其中输入有关汽车的信息。我正在尝试使用 React hook useContext，因为我认为这是传递数据的最佳方式。我还尝试使用 Formik FieldArray 使表单的一部分动态化，用户可以在其中输入多个过去的汽车车主。 这就是我被困住的地方。特别是在尝试使用 FieldArray 时的“前任所有者”部分。数据是通过 useContext 设置的，但是当尝试添加多个先前的所有者时，它会崩溃。我认为这是因为它没有将每个以前的所有者识别为附加对象。每次输入字符后，TextField 也会失去焦点。 我创建了一个沙箱，以便直观地看到它以及代码。我还添加了 JSON 值，因为它可以帮助我了解发生了什么。 沙箱链接 任何帮助将不胜感激！非常感谢您的时间和帮助！
I have been coding for 4 months, this is my first post and my first time using SandBox, feel free to roast me...
I am trying to make a complicated multistep, dynamic form where users can input information about cars. I am trying to use the React hook useContext because I figured it was the best way to pass around the data. I am also trying to make part of the form dynamic using Formik FieldArray, where a user could input multiple past owners of the car.
This is where I am stuck. Specifically on the "Previous Owner" section when trying to use FieldArray. The data gets set with useContext, but it freaks out when trying to add more than one previous owner. I think it's because it's not identifying each previous owner as an additional object. The TextField also loses focus after each character input.
I created a SandBox in order to see it visually plus the code. I also added the JSON values as it kinda helped me see whats going on.
Sandbox Link
Any help would be greatly appreciated! Thank you very much for your time and help!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论