0

私は PrimeReact を使用しており、人のデータテーブルがあります。

ここに画像の説明を入力

任意の行を選択すると、ドロップダウン、チェック ボックス、およびテキスト入力を含むサブ パネルが表示されます。

ここに画像の説明を入力

テキスト入力コード:

<div className="p-col-4">
    <InputText id="first-name"
               value={this.state.selectedEntity.firstName}
               onChange={(e) => this.setState(state => (state.selectedEntity.firstName = e.target.value))} />
</div>

と呼ばれるネストされたプロパティで名の状態を保持しますselectedEntity。setStateこれは、ここでの呼び出しで唯一の単純ではない構造についてです。ただし、これにより、入力するとすぐにブラウザーにエラーが表示されます。

ここに画像の説明を入力

質問:

どうしたの？

これは PrimeReact のバグですか?

PrimeReact 5.0.0-rc2 を使用しています。

編集1：

ところで、そこに表示されるドロップダウンとチェックボックスは、矢印機能で動作するようです。同様のコード:

落ちる：

<div className="p-col-4">
    <Dropdown optionLabel="name"
              optionValue="gender"
              value={this.state.selectedEntity.gender}
              options={[{"gender": "MALE", "name": "Mr"}, {"gender": "FEMALE", "name": "Mrs"}]}
              onChange={(e) => this.setState(state => (state.selectedEntity.gender = e.value))}
              placeholder="Select a gender" />
</div>

チェックボックス:

<div className="p-col-4">
    <Checkbox inputId="incognito"
              value="Incognito"
              checked={this.state.selectedEntity.incognito}
              onChange={(e) => this.setState(state => (state.selectedEntity.incognito = e.checked))} />
</div>

編集2：

ここにテストケースを作成しました：

https://codesandbox.io/s/primereact-test-forked-4blln?file=/src/index.js

私にはバグのように見えます...

4

1 に答える 1