首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在反应呈现中设置HTML标记为null是一种糟糕的做法吗?

在反应呈现中设置HTML标记为null是一种糟糕的做法吗?
EN

Stack Overflow用户
提问于 2016-06-07 13:30:24
回答 2查看 816关注 0票数 2

我在ReactJS文档中找到了关于如何在HTML元素上有条件地设置ID标记的代码示例。如果条件为false,则将ID标记的值设置为null。这是件坏事吗?如果没有满足条件,ReactJS中是否有一种方法可以根本不放置任何ID标记?

代码语言:javascript
复制
ReactDOM.render(<div id={condition ? 'msg' : null}>Hello World!</div>, mountNode);
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-06-07 14:38:14

如果没有满足条件,ReactJS中是否有一种方法可以根本不放置任何ID标记?

但这段代码就是这么做的:

代码语言:javascript
复制
ReactDOM.render(<div id={condition ? 'msg' : null}>Hello World!</div>, mountNode);

如果条件不正确,则按预期省略id属性:

代码语言:javascript
复制
<div data-reactid=".0">Hello World!</div>

如果属实的话:

代码语言:javascript
复制
<div id="msg" data-reactid=".0">Hello World!</div>
票数 2
EN

Stack Overflow用户

发布于 2016-06-07 13:37:32

当然可以,元素道具或属性可以像这样构建

代码语言:javascript
复制
  render() {

    const props = {
      id: 'myId',
      className: 'myClass'
    }

    return (
        <div {...props}>Hello</div>
    )

  }

然后可以添加一些条件来设置属性。

代码语言:javascript
复制
if (withTitle) {
  props.title = 'myTitle'
}
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37680834

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档