css - 如何向 React 组件添加事件 CSS 属性？

Question

我正在尝试添加一些样式，以便在我单击某个元素时它具有不同的背景颜色。

我有一个导入类 ItemSection 的类应用程序，该类导入类 ItemList。在 ItemSection 和 ItemList 中，我在我的 propTypes 中声明了 activeItem: React.PropTypes.object.isRequired。

我认为问题出在我的应用程序的呈现方法中:

  render(){
return(
  <div className = 'app'>
    <div className = 'manipulateItem'> {/*Need a better className*/}
      <ItemSection
        items = {this.state.items}
        addItem = {this.addItem.bind(this)}
        setItem = {this.setItem.bind(this)}
        deleteItem = {this.deleteItem.bind(this)}
        editItem = {this.editItem.bind(this)}
        activeItem = {this.state.activeItem} /*THIS LINE I BELIEVE*/
      />
    </div>
  </div>
)
}

这是我的回溯:

bundle.js:1251 警告: Prop 类型失败:ItemList 中未指定所需 Prop activeItem。 在 ItemList 中(由 ItemSection 创建) 在 ItemSection 中(由 App 创建) 在 div 中(由 App 创建) 在 div 中(由 App 创建) 在应用中

Answer 1

你在你的问题中声明你在你的 propTypes 中声明了 activeItem: React.PropTypes.object.isRequired 但你特别要求状态对象中的 activeItem - activeItem = {这个.state.activeItem。如果你想在传递给组件的 Prop 中使用 activeItem 的值，那么你必须使用 this.props.activeItem。

希望对您有所帮助!