反應：預期分配或函數調用，而不是看到一個表達

Question

我試圖解決這個lint錯誤在線const def = (props) => {在下面的示例代碼。

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 ...，而只能使用三元運算符。