react-native - React Native - 如何使在 TextInput 中输入的文本保持不变，即使我正在移动到下一页？

Question

我正在尝试创建一个多步骤表单。它有 4 个步骤。我希望在第 1 步中输入的文本相同，即使我从第 2 步回来。我怎样才能做到这一点？

标签： react-native

Answer 1

如果你可以使用常规组件，而不是每一步都有不同的路由，你可以将输入值存储在父组件上的状态变量中，然后将值，setValue 作为 props 传递给 step 组件

这样，只有在父组件重新渲染时，该值才会被重置

或者，如果您确实需要为每个步骤定义不同的路线，您应该选择一个上下文来在不同步骤之间共享状态