React：代入や関数呼び出しが予想され、代わりに式が見つかりました

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> 

}; 

私はこの糸くずのエラーを取得していますなぜ任意のアイデア？

Answer 1

あなたのスニペットやコメントから何も返されません。

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

これは、中括弧と矢印関数の本体をラップしているが、戻り値がない、何も返していません。

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

一方、これら二つのソリューション が反応に有効な成分が戻ってきています。 jsx（@Adamで述べたように）内にはif ... else ...を含めることはできませんが、3項演算子のみを使用できます。