Reactjs 是否可以直接在 jsx 标签上使用 CSS 定义的 colored颜色

:root {
    --color-accent: #E67E22;
}

<h1> This is a word in <span style={{color:'#E67E22'}}> Orange </span></h1>

<h1> This is a word in <span style={{ color:'var(--color-accent)' }}> Orange </span></h1>

Reactjs相关问答推荐

CSS转换不适用于React MUI对象

使用useEffect挂钩获取数据

如何使用react-router-dom导航到网页中的其他路由？

react 副作用循环

使用useReducer时，props 未从父级传递给子或孙级

UseEffect和useSelector的奇怪问题导致无限循环

状态更改是否卸载功能组件

将 useRef 与 useImperativeHandle 一起使用时，React 不会重新渲染

React Js和Firestore中如何将当前ID与集合中的ID查询以仅显示具有相似字段和值的文档-第二部分

Material UI @mui/material/Button vs @material-ui/core/Button，它什么时候改变的，旧版本的文档在哪里

有没有办法在用户离开页面时防止输入模糊？

使用登录保护 React 中的 SPA 应用程序 - 为什么这种方法不起作用？

如何使用 redux 和 react-plotly.js

状态链接未传递到路由页面

如何处理页面加载时发生的 reactjs 错误？

如何在 ChartJS 中操作 Y 轴

我正在try 使用 cypress 测试我的下拉列表，它 Select 值但不提交它们(手动工作)

如何在react 中更新子组件中的变量？

交换键仍然引入了 fresh 的 DOM 元素

下拉菜单在 AppBar 中未正确对齐