状態が設定されている場合、Reactjs submitHandler

Question

私はreactjsに新しいです - 私はチェックボックスが選択されたら状態を設定しようとしました - そして、私が状態を読み込むと、状態が表示されることがわかりますconsole.log（ 'state'、state ） - {{option1 '：true}を返します。しかし、私がthis.state.lengthを実行すると、その定義は無効になります。

Answer 1

理由は非常に簡単です：状態はオブジェクトですその長さはundefinedです。

key-valueペアがいくつあるかを確認する場合は、Object.keysを使用すると、すべてのキーのうちarrayが返され、長さが使用されます。このよう

：

console.log(Object.keys(this.state).length)。

チェックこのスニペット：

let obj = {'option1': true, 'option2': true, 'option3': true}; 
 

 
console.log(Object.keys(obj).length);