シナリオの説明
1. カスケード コンポーネントを 2 回ラップします
2. ニュース リストの編集機能で使用します。編集機能は、ボックスを模倣したフォーム ボックスをポップアップすることです
問題の説明
編集のためにポップアップ疑似ボックス フォームのいずれかをクリックするたびに、内部のカスケード コンポーネントで任意の値を選択し、クリックして編集疑似ボックスを閉じます。をクリックし、ニュースのいずれかをクリックします。編集中、ポップアップ シミュレーション ボックスには、デフォルトで最後に選択した未決定の送信値が表示されます。
試した方法
フォーム リセット メソッドを使用しましたresetFields カスケード ボックスの値をクリアできません。antd の github でいくつかの投稿を見つけましたが、試行はまだ無効です。投稿の 1 つから、https://github.com/ant-design... resetFields がリセットされており、クリアできないことを知りました。
理想的な目標
[編集]をクリックするたびに、内部の値を強制的にクリアしたいと考えています。
みなさん、ありがとう〜！
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
componentDidMount ライフサイクルのカスケード値をクリアします
コンポーネントの値を状態にバインドし、初期値を設定します。
質問者がantdを使用したかどうかはわかりません
Form和Form.item？如果是的话，antd 是使用了“高阶函数”的方式封装了Form.Item，并将级联的value和Form.Item的initialValue或value(好吧，我也记不清了...) 关联了，二次封装的话，应该使用相应的this.props.value来控制封装逐渐内部的value。コードを見ていないので、どのように実装したかはわかりませんが、最も簡単な方法は、コンポーネントの値と状態をバインドすることです。コンポーネントの値をクリアしたい場合は、setState をリセットするだけです。 。