reactjs - react : Expected an assignment or function call and instead saw an expression

Question

我正在尝试修复以下示例代码中 const def = (props) => { 行的此 lint 错误。

const propTypes = {
prop1: PropTypes.string,
prop2: PropTypes.string,
prop3: PropTypes.string,
prop4: PropTypes.string,
prop5: PropTypes.string,
}

const abc = (props) => {
some code here }

const def = (props) => {
<div>
<div className=" ..some classes..">{abc}</div>
<div className=" ..some classes..">{t('translation/something')}</div>

<div ...>
  <someComponent 
    do something
  />

if (some condition) {
do this
} else {
do that
}

</div>

};

知道为什么我会收到此 lint 错误吗？

Answer 1

您没有返回任何内容，至少从您的代码片段和评论中没有返回任何内容。

const def = (props) => { <div></div> };

这不会返回任何内容，您正在用大括号包裹箭头函数的主体，但没有返回值。

const def = (props) => { return (<div></div>); };或者 const def = (props) => <div></div>;

另一方面，这两个解决方案返回一个有效的 React 组件。另请记住，在您的 jsx 内(正如@Adam提到的)你不能拥有 if ... else ...但仅限三元运算符。