javascript - 使用 reactjs 向元素添加样式的问题

Question

我正在学习 React 并尝试在 select 元素包含我要检查的值时添加一个类。

class App extends Component {
  test = 'volvo';
  render() {
    return (
      <select style={{marginTop: '30px', marginLeft: '20px'}}>
        <option value="volvo" className={test === 'volvo' ? "selected" : null}>Volvo</option>
        <option value="saab">Saab</option>
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
      </select>
    );
  }
}

它给我一个错误，在这里我有三元运算符。有人可以告诉我这样做的正确方法吗？谢谢!

Answer 1

由于您要访问类中的全局变量，因此必须使用 this 关键字。

className={this.test === 'volvo' ? "selected" : null}