JSタグと属性に反応する

Question

div属性をReact friendlyにするにはどうすればよいですか？

<div className="section-modal modal fade" id="pricing-modal" tabindex="-1" role="dialog" aria-hidden="true"> 

</div> 

私が試した：

<div className="section-modal modal fade" id="service-modal" tabindex= {-1} role={dialog} aria-hidden={true}> 

Answer 1

文字列は引用符、bools、数字、変数、括弧内のオブジェクトで囲む必要があります。あなたのケースでは、それは次のようになります。

ここJSX詳細を読む

<div className="section-modal modal fade" id="service-modal" tabindex={-1} role="dialog" aria-hidden={true}> 

：

https://facebook.github.io/react/docs/jsx-gotchas.html

Answer 2

キャメルケースは、あなたがhttps://facebook.github.io/react/docs/tags-and-attributes.html#html-attributes

を参照する必要があり

あなたのHTML内の問題です

Reactは、リストに与えられた一連のHTML属性のみをサポートし、ign残りは鉱石です。すべての属性はキャメルケース、データ-、、aria-以外である必要があります。 HTMLはこのように見えるはずです。

<div className="section-modal modal fade" id="pricing-modal" tabIndex="-1" role="dialog" aria-hidden="true"> 

</div>