反应colspan不工作

作者: 与之
发布时间: 2024-04-06 08:58:08 (13天前)
转自：

4 条回复

0#
回复此人
敢嫁就敢娶 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <pre> <code> <td colSpan={2}>ABC</td> </code> </pre> <P> 跨越两列，这对我有用。 </p> </DIV>

编辑
1#
回复此人
無口君 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 来自React的 <a href="https://facebook.github.io/react/docs/dom-differences.html" rel="noreferrer"> DOM差异 </A> 文档： </p> <BLOCKQUOTE> <P> 所有DOM属性和属性（包括事件处理程序）都应该是camelCased，以与标准JavaScript样式保持一致。 </p> </BLOCKQUOTE> <P> 如果您检查浏览器的控制台，您会看到React警告您： </p> <P> </p> <div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”> <div class =“snippet-code”> <pre class="snippet-code-html lang-html prettyprint-override"> <code> <meta charset="UTF-8"> <script src="https://npmcdn.com/react@15.2.1/dist/react.js"></script> <script src="https://npmcdn.com/react-dom@15.2.1/dist/react-dom.js"></script> <script src="https://npmcdn.com/babel-core@5.8.38/browser-polyfill.min.js"></script> <script src="https://npmcdn.com/babel-core@5.8.38/browser.min.js"></script> <div id="app"></div> <script type="text/babel"> var App = React.createClass({ render() { return <table border="1"> <tbody> <tr> <th colspan="2">people are...</th> </tr> <tr> <td>monkeys</td> <td>donkeys</td> </tr> </tbody> </table> } }) ReactDOM.render(<App who="World"/>, document.querySelector('#app')) </script> </code> </pre> </DIV> </DIV> <P> </p> <pre> <code> Warning: Unknown DOM property colspan. Did you mean colSpan? in th (created by App) in tr (created by App) in tbody (created by App) in table (created by App) in App </code> </pre> </DIV>

编辑
2#
回复此人
机器设备维修 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> <code> colspan </code> 属性在camelCase之类 <code> colSpan </code> 。而不是 <code> colspan </code> 我们需要使用 <code> colSpan </code> 。它适用于两者 <code> colSpan='4' </code> 和 <code> colSpan={4} </code> 。 </p> </DIV>

编辑

登录后才能参与评论