我在ReactJS文档中找到了关于如何在HTML元素上有条件地设置ID标记的代码示例。如果条件为false,则将ID标记的值设置为null。这是件坏事吗?如果没有满足条件,ReactJS中是否有一种方法可以根本不放置任何ID标记?
ReactDOM.render(<div id={condition ? 'msg' : null}>Hello World!</div>, mountNode);发布于 2016-06-07 14:38:14
如果没有满足条件,ReactJS中是否有一种方法可以根本不放置任何ID标记?
但这段代码就是这么做的:
ReactDOM.render(<div id={condition ? 'msg' : null}>Hello World!</div>, mountNode);如果条件不正确,则按预期省略id属性:
<div data-reactid=".0">Hello World!</div>如果属实的话:
<div id="msg" data-reactid=".0">Hello World!</div>发布于 2016-06-07 13:37:32
当然可以,元素道具或属性可以像这样构建
render() {
const props = {
id: 'myId',
className: 'myClass'
}
return (
<div {...props}>Hello</div>
)
}然后可以添加一些条件来设置属性。
if (withTitle) {
props.title = 'myTitle'
}https://stackoverflow.com/questions/37680834
复制相似问题