Css 如何访问react组件中的样式元素？

需要一些关于react代码的帮助。 假设组件中声明了样式，如

          <style>{
            .list-done {
                color:red;
            }
        `}</style>

我如何有条件地使用它

我是这样做的

style={item.done?styleItem:''}

但它不起作用

---

我做错了什么？

在react中不能声明这样的样式。您需要将其作为变量，并在样式属性中指定它

let styles = { color:red; }
<li style={styles}> item 1 </li>

let style={color:red；}
项目1

或

在外部声明类（可能在某些css中），并使用className属性分配该类

<li className='list-done'> item1  </li>

项目1

您不能在react中声明这样的样式。您需要将其作为变量，并在样式属性中指定它

let styles = { color:red; }
<li style={styles}> item 1 </li>

let style={color:red；}
项目1

或

在外部声明类（可能在某些css中），并使用className属性分配该类

<li className='list-done'> item1  </li>

项目1

您需要将类名添加到列表项中，使用react，您可以使用className属性添加它

<li className={'list-done'}>item1</li>

---

您需要向列表项添加一个类名，使用react可以使用className属性添加它

<li className={'list-done'}>item1</li>

---

在你的

li中使用
list done
类，比如
item1
在你的
li中使用
list done
类，比如
item1
否。这里没有使用网页包。我需要有条件地放置样式，你可以有条件地添加类名或样式检查更新，样式需要一个对象而不是字符串如果我改为使用类名呢。那么我该如何有条件地使用它呢？但是我该把条件放在哪里呢？不。这里没有使用网页包。我需要有条件地放置样式，你可以有条件地添加类名或样式检查更新，样式需要一个对象而不是字符串如果我改为使用类名呢。那么我如何有条件地使用它呢？但是我应该把条件放在哪里呢？