function in a stateless componenet

Question

const StatelessComp = props => {

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

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

why is it giving me error when i return something in anotherFunction. Id like to display a Restore button on a column.

What is the error? And what does `TableHeaderColumn` expect in the `dataFortmat` prop? — M0nst3R, Oct 18 '17 at 16:14

score 1 · Answer 1 · answered Oct 18 '17 at 16:16

1

It's an arrow function with a concise body. It must contain an expression, not any statements like return. You should write

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

or

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

answered Oct 18 '17 at 16:16

Bergi

630,263
148
957
1,375

Good point. This was more of a JavaScript ES6 question, nothing to do with React. – nbkhope Oct 18 '17 at 16:47

function in a stateless componenet

1 Answers1