React コンポーネントの条件に基づいてプロパティを動的に追加するにはどうすればよいですか?

Question

特定の条件が満たされた場合にのみ React コンポーネントにプロパティを追加する方法はありますか?

レンダリング後の Ajax 呼び出しの条件に基づいて、フォーム要素に required 属性と readOnly 属性を追加する必要がありますが、readOnly="false"< のため、この問題を解決する方法がわかりません。 /code> と属性の省略は全く異なります。

以下の例は私が望むものを示しているはずですが、うまくいきません。

<ブロック引用>

(解析エラー: 予期しない識別子)

function MyInput({isRequired}) {
  return <input classname="foo" {isRequired ? "required" : ""} />
}

Answer 1

juandemarco の答え は通常は正しいですが、ここには別の選択肢があります。

好みに合わせてオブジェクトを構築します:

リーリー

スプレッドをレンダリングに使用します。他のプロパティを渡すことも選択できます。

リーリー

Answer 2

明らかに、一部のプロパティでは、React に渡された値が真の値ではない場合、React はそのプロパティをインテリジェントに省略します。例えば：＃＃＃ リーリー ＃＃＃ 取得します： ＃＃＃ リーリー

更新:

これがどのように、そしてなぜ起こるのか知りたい人は、ReactDOM のソース コード、特に 30 ページの

DOMProperty.js ファイルで詳細を見つけることができます。行と 167 行 。