使用JavaScript动态更改<li>的颜色

Question

此代码位于React中，我想知道如何将此className的{​​{1}}更改为li传递的颜色

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> )) 的颜色是＃008CFF，（每种颜色都不一样）我怎么能把它变成li的字体颜色？

Answer 1

使用style上的<li>道具，如下所示：

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