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

不建议使一组项目处于反应状态，因为在您的情况下，很难解释行模型在做什么，并且建议仅保留行满足以下条件的条件。

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

并在渲染期间将类应用于行修订的当前状态。希望它会有所帮助。

如果row.revision> this.state.selectedEstimate.revision，我想获得行颜色

2 个答案: