功能在一個無狀態的組件

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> 
); 
};