使用 JavaScript 动态改变 <li> 的颜色答案

【问题标题】：Dynamically change the color of an <li> with JavaScript使用 JavaScript 动态改变 <li> 的颜色
【发布时间】：2018-01-19 20:28:06
【问题描述】：

此代码在 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的字体颜色？

【问题讨论】：

标签： css reactjs styles html-lists

【解决方案1】：

在您的<li> 上使用style 属性，如下所示：

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

【讨论】：