Передать реквизит из функции?реагировать

Question

РЕДАКТИРОВАТЬ:

Я отредактировал вопрос, чтобы сделать его более понятным:

Поэтому обычно вы можете передавать реквизиты внутри функции render (), например:

render(){

 return(
  <div>
   <ExampleStatelessComponent message={this.state.message}
  </div>
 )
}

Затем сообщение можно использовать с реквизитом внутри компонента через props.message.

Можно ли это сделать и внутри функции?Например, что если я не хочу отображать ExampleStatelessComponent, но передаю ему реквизиты?Могу ли я использовать функцию, например componentDidMount, для передачи реквизита компоненту без состояния?

componentDidMount(){

 <ExampleStatelessComponent message={this.state.message}

}

возможно ли это?Надеюсь это прояснит.Спасибо всем!

Answer 1

Можно передавать и отображать функцию без сохранения состояния, но вы не используете свою функцию без сохранения состояния внутри функции отображения родительского компонента, как вы ее вызываете 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>
  );
}

Более подробная информация о функциях без сохранения состояния здесь