Question

我正试图按照this教程为reactjs中的html表单元格上色。这是一个最小的示例：

openjdk version "1.8.0_201"
OpenJDK Runtime Environment (build 1.8.0_201-b09)
OpenJDK 64-Bit Server VM (build 25.201-b09, mixed mode)

class Class extends React.Component {
  render() {
    return (<div><table><tbody><tr><td bgcolor="#FF0000">test</td></tr></tbody></table></div>)
  }
}
ReactDOM.render(<Class/>,document.getElementById('root'))

目前还没有添加颜色（应该为红色）。我怎样才能解决这个问题？为什么不起作用？谢谢

我尝试按照建议的方式更改版本，但是这破坏了我的代码。这是修改后的代码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react-dom.js"></script>
<div id="root"></div>

Answer 1

您正在使用React v0.14.6。
我唯一更改的是改为使用v16.8.6，并且您的代码有效：

class Class extends React.Component {
  render() {
    return (<div><table><tbody><tr><td bgcolor="#FF0000">test</td></tr></tbody></table></div>)
  }
}
ReactDOM.render(<Class/>,document.getElementById('root'))

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.6/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.6/umd/react-dom.production.min.js"></script>
<div id="root"></div>

当然，最好使用CSS中的样式。

reactjs为表格单元着色

1 个答案: