条件不适用于React渲染

Question

render() {
   console.log("render")
         return (
      <div className="cont">

{() => {
  console.log("works!")

if(condition)
return(<div className="btnnav" onClick={(event) => this.change(event)} 
></div>)

}}

我尝试在返回中放入一个条件，但出现此错误

Answer 1

你可以简化这个：

render() {
  return (
      <div className="cont">
      { condition && <div className="btnnav" onClick={(event) => this.change(event)}></div> }
      </div>
  );
}

Answer 2

正如错误试图告诉你的那样，你告诉React要打印一个真正有意义的功能。

您需要调用该函数：

{(() => { ... return ...}())}