css - 使用 JavaScript 动态更改 的颜色

Question

此代码在 React 中，我想知道如何将此 li 的 className 更改为 color={project. get('颜色')}

if (this.state.dropdown) {
  const projectsList = this.props.projects.map((project) => (
    <li className='u-cursor--pointer c-start-retro-line'
      color={project.get('color')}
      key={project.get('id')}
      onClick={() => this.handleProjectSelection(project.get('id'))} >
      {project.get('name') === 'default' ? 'No Project' : project.get('name')}
    </li>
  ))

假设这个li的颜色是#008CFF，(每种颜色都会不同)我怎样才能把它变成li的字体颜色？

Answer 1

使用 style支持你的<li> ，像这样:

   <li 
     style={{color: project.get('color')}}
     className={...} />