正如我们所知,我们应该在原始 html 中使用小写和破折号作为 css 类名(例如<div class="lower-case-dash" />
)。在 React JSX 中呢?
对于 html 元素和其他 React 组件,css 类名的命名约定是什么?驼峰式还是破折号?
<div className="divClass">Something</div>
<div className="DivClass">Something</div>
<div className="div-class">Something</div>
<SomeComponent className="SomeComponent" />
<SomeComponent className="some-component" />
Run Code Online (Sandbox Code Playgroud) 我通过https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML阅读,声称SyntaxError
可能会发生.
dom = document.createElement('div')
// output: <div></div>
dom.innerHTML = '[try.various.strings.here]'
// output: "[try.various.strings.here]"
dom
// check final DOM
Run Code Online (Sandbox Code Playgroud)
我试图用<div>
(部分),<div
(破碎)和<div></p>
(不匹配)替换测试字符串.从来没有遇到过异常.我想知道我是否需要为它添加预检或保护(try..catch
).