在无状态组合中函数

Question

const StatelessComp = props => {
    const anotherFunction = () => (
       return <span><Button onClick={()=>props.incomingFunction}>Reset</Button></span>
    )
    return (
        <TableHeaderColumn
                    className="tableHeader"
                    dataFortmat={anotherFunction}
                >Restore</TableHeaderColumn>
};

为什么当我在anotherFunction中return某些东西时会给我错误.我喜欢在列上显示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>
  );
};