Я пытаюсь следовать этому руководству, чтобы раскрасить ячейку html-таблицы в activjs. Вот минимальный пример:
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>
на данный момент их цвет не добавлен (он должен быть красным). Как я могу это исправить? Почему это не работает? Спасибо
Я попытался изменить версию в соответствии с рекомендациями, однако это нарушило мой код. Вот модифицированный код:
<head> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.6/react.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.6/react-dom.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js"></script> </head> <body><div id="root"></div><script type="text/babel"> 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></body>
Вы используете React v0.14.6. Единственное, что я изменил, - это использование v16.8.6, а ваш код работает:
<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.