从函数传递道具?反应

可以传递和呈现无状态函数,但在调用父组件的呈现函数时,您没有在父组件的呈现函数中使用无状态函数 onClick .

此外,您不会从statelss函数返回任何内容。

一个有效的例子是:

class App extends Component {
  state = {
    hello: 'HelloWorld',
    isChildVisible: false,
  }

  onClickFunction = () => {
    this.setState({isChildVisible: true})
  }

  render() {
    return (
      <div>
        <h3 onClick={this.onClickFunction}> Placeholder </h3>
        {
          this.state.isChildVisible &&
          <ExampleStateless message={this.state.message} />
        }
      </div >
    );
  }
}

const ExampleStateless = (props) => {
  return (
    <div>{props.message}</div>
  );
}

关于无状态函数的更多信息是 here