如何在 React JS 中为文本设置颜色

Question

我只想使用标签中的样式更改文本的颜色

我怎样才能做到这一点？

 <div id="root"></div><br>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script><br>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script><br>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script><br>

<script type="text/babel">
const rootElement = document.getElementById('root');<br>
const element = <h1>Hello world</h1><br>

ReactDOM.render(element, rootElement);<br>
</script>

原文由 Just Ahead 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

const App = () => {
  return (
    <div>
      <p style={{fontSize: '2rem'}}>
        Hi {' '}
        <span style={{color: 'white', backgroundColor: 'green'}}>Hello</span>{' '}
        text
      </p>
    </div>
  );
};

export default App;

原文由 Avnish Jayaswal 发布，翻译遵循 CC BY-SA 4.0 许可协议