reactjs – React：期望一个赋值或函数调用,而是看到一个表达式

发布时间：2020-12-15 05:05:22 所属栏目：百科来源：网络整理

导读：我试图在行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 cod

我试图在行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错误？

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

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

这不会返回任何内容,您使用花括号包装箭头函数的主体,但没有返回值.

const def =(props)=> {return(< div>< / div>); };要么
const def =(props)=> < DIV>< / DIV取代;

另一方面,这两个解决方案返回一个有效的React组件.还要记住,在你的jsx中(如@Adam所提到的)你不能拥有if …… else ……但只有三元运算符.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!