当row.revision > this.state.selectedEstimate.revision时，我想碰碰行的颜色

Question

const row = this.state.estimateItemList[i];
if (row.revision > this.state.selectedEstimate.revision) {
  return row.style.color = 'red';  // i wanna change row color here set the css
 }
 return row;
};

当条件row.revision > this.state.selectedEstimate.revision成立时，我想改变行的颜色。如何防止this.color发生变化？这是我的第一个react项目。

Answer 1

如果不了解您的row模型，就很难确切地理解您想要什么，但这是实现您所要求的一种方式(我偏离了为row定义的内容)

render() {
  return (
    <div>
      {this.state.estimateItemList.map((row) => {
        const style = {};
        if(row.revision > this.state.selectedEstimate.revision){
          style.color = 'red';
        }
        return (
          <div style={style}>{row.revision}</div>
        );
      )}
    </div>

Answer 2

让项目数组处于react状态是不可取的，因为在您的示例中，很难解释行模型在做什么，建议只保留满足条件的行，如下所示。

if (row.revision > this.state.selectedEstimate.revision) {
      this.setState({
           row_revision:row.revision
          });
 }`   

并在渲染过程中为行revision.Hope的当前状态应用类，这会有所帮助。