問題タブ [formik]

React.js と Formik ライブラリを使用して動的フォームを作成しようとしています。問題は、最初の配列要素を除いてサービス配列を更新できないことです。

私のフォームモデルは次のようになります:

私のフォームには、2 つのフィールド (名前とコメント) を持つサービスの配列が必要です。サービス名は、特定のリストからラジオ ボタンとして生成されます。コードは次のとおりです。

また、サービス リスト (ラジオ ボタン) を生成するための別のステートレス コンポーネントを作成しようとしましたが、同じ結果が得られました。ただし、別のステートレス コンポーネントを使用すると、インデックス値 (props から受け取る) がコンポーネントと比較して DOM で異なることに気付きました。

redux dev-tools 内で redux 状態が更新されていることがわかりますが、その値がそれに接続されているコンポーネントに反映されていないという奇妙なシナリオがあります。

だから私はコンポーネントCreateEnvironmentのようなものを持っています

対応するコンテナは次のようになります。

WorkflowPagelike内のすべてのコンポーネントEnvironmentは、Formik パターンを使用するフォームです。サンプル コンポーネントは次のとおりです。

次をクリックするとWorkflowButton、アクション updateEnvironmentWorkflow を渡すことによって redux 状態が更新されます。アクションは次のようになります。

そして、私のレデューサーは次のようなものです:

ここで奇妙なのは、次のボタンをクリックすると、還元状態が新しい値で更新されることです。他のページに移動して環境を作成するために戻ってくると、フォームの値は redux ストアの状態から更新された値を示しています。

しかし、前のボタンを押すと、状態値に更新された値が表示されません。Certificate の render() 内の console.log(formValues) は、初期値のみを表示しています。

どんな助けでも大歓迎です。ありがとう。

Form の initialValues も Formik initialValues です。それはおそらくformikの問題でもあります

React Native、Graphql、Formik と一緒に typescript を使用しようとしています。

EmailSignupScreen の下に赤い波線が表示されます ( 次のエラー メッセージが表示されます)。export default graphql(SIGNUP_MUTATION)(EmailSignupScreen);

エラーはこのコード行にあると思われます...

エラーを取り除くためにtypescriptを使用して適切に入力するにはどうすればよいですか

ありがとうございました