問題タブ [grommet]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 変数から作成された配列をマッピングして、グロメットの要素数をレンダリングします
state に保存されている数値をユーザーが入力するテキストボックスがありますvalue
。
今、配列を作成したいと思います[0, 1, 2, ..., value]
。
この配列は(value + 1)
、対応する ID を持つボックス/div の数を作成するために使用されます。
今、私はこれを試しました
しかし、h3 テキスト「0」を含むボックスが 1 つしか作成されませんでした。状態、NodeBox、すべてが適切に定義されています。問題ないようです。
私がこれをしたら
期待通りの結果が得られます。対応する番号が入った 4 つのボックスを取得します。
reactjs - オブジェクトとしてオプションと値を持つ Select コンポーネントから初期値の選択を解除できません
状態で設定したデフォルト値の選択を解除できません。
Grommet の codesandbox の例から引用しています。
これまでの唯一の変更点は、文字列の配列の代わりにオブジェクト配列を追加したことです。ドキュメントの VALUE prop を参照して、オブジェクト配列について言及してください。.
ログでは、オプションselected: [ -1, 1 ]
の選択を解除しようとすると取得されますが、ビューで視覚的に強調表示/選択されたままです。Rollout
Rollout