反应JS标签和属性

Question

如何使div属性React友好？

 <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

字符串应括在引号，bool，数字，变量和括号中的对象中。在你的情况下应该是：

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

在此处阅读有关jsx的更多信息：

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

Answer 2

CamelCase是HTML中的问题

您应该参考https://facebook.github.io/react/docs/tags-and-attributes.html#html-attributes

React仅支持列表中给出的一组HTML属性，而忽略其余的属性。除数据 - 和咏叹调 - 外，所有属性都应 camelcased 。你的HTML应该是这样的。

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

 </div>