javascript - PHPStorm 上的 JSX 语法错误

Question

我正在尝试有条件地为元素集合设置一个属性。

render: {
   var buttons = [];
   for (var i = 1; i <= this.props.totalWeeks; i++) {
      buttons.push(
         <button 
            onClick={ this.changeWeek.bind(this, i) } 
            disabled={ i === this.state.currWeek }>{ i }
         </button>);
   }
}

在浏览器中一切正常。但是 PHPStorm(版本 8.0.3)将表达式 { i === this.state.currWeek } 标记为 wrong attribute value 的错误。

我试过用函数调用、变量等来改变它，但似乎无法消除错误。我也曾尝试在 PHPStorm 上关闭该检查规则，但找不到可将其关闭的设置。

问题

如何在 PHPStorm 中消除该错误？如果这是一个错误，那么我如何通过以其他方式有条件地将 HTML 属性添加到一组元素来消除它？

Answer 1

1) 如果它是 react 的渲染(不是您的自定义函数)，则它应该是针对您的代码的“render() { return ; }”

这是 100% 的语法错误，浏览器会忽略它，因为它应该，如果你在类定义主体中使用它，语法是下一个:

class Test {
    objectExample: { some: "value" }
    functionExample() { return someExecutionCode(); }
    lambdaFunctionExample = () => { return someExecutionCode(); }
}

但是您同时混合了第一行和第二行，从对象定义开始，将主体作为函数，它们彼此不适合。

2) 你的渲染函数不返回任何东西，它正在创建数组，但不返回它。