はステートレスコンポーネントにあります

Question

const StatelessComp = props => { 

    const anotherFunction =() => (
     return <span><Button onClick={()=>props.incomingFunction}>Reset</Button></span> 
    ) 

    return (
     <TableHeaderColumn 
        className="tableHeader" 
        dataFortmat={anotherFunction} 
       >Restore</TableHeaderColumn> 
}; 

returnの内容がanotherFunctionのときにエラーが発生するのはなぜですか？列にRestoreボタンを表示するようにしています。

Answer 1

これは簡潔な体の矢の機能です。 returnのような文ではなく、式を含む必要があります。あなたは、エラーとは何

const anotherFunction =() => (
    <span><Button onClick={()=>props.incomingFunction}>Reset</Button></span> 
); 

または

const anotherFunction =() => { 
    return (
    <span><Button onClick={()=>props.incomingFunction}>Reset</Button></span> 
); 
};