功能在一个无状态的组件

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