使用 JavaScript 动态更改 的颜色

Question

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

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

在<li>上使用style道具，像这样：

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