Question

我有一个包含多个子组件的父组件。传递给子组件的道具都是一样的。例如

<TextQuestion questionInfo={this.props.questionInfo} key={this.props.questionInfo.module_question_id} handleChange={this.handleChange} />

<DropDown questionInfo={this.props.questionInfo} key={this.props.questionInfo.module_question_id} handleChange={this.handleChange} />

<Checkbox questionInfo={this.props.questionInfo} key={this.props.questionInfo.module_question_id} handleChange={this.handleChange} />

有更有效的方法吗？可能是一个函数调用，返回道具并被添加到子组件？

Answer 1

frontend foofront
    bind 127.0.0.1:80
    bind 127.0.0.1:443 ssl crt /path/to/cert/for/myexample.com
    mode tcp
    default_backend foo

backend foo
    mode tcp
    balance leastconn
    server foo foo.bar.com:443 check ssl verify none # or verify all to enforce ssl checking

或者，如果组件是兄弟，您可以将它们放在一个数组中并执行const someProps = { questionInfo: this.props.questionInfo, key: this.props.questionInfo.module_question_id, handleChange: this.handleChange, } <TextQuestion {...someProps} /> <DropDown {...someProps} />：

map

Reactjs - 将相同的道具传递给多个子组件

1 个答案: