Question

在父组件中，我有以下内容

this.state = {
  title: props.title || "Notifications for Vendor",
  logged_in: localStorage.getItem('token') ? true : false,
  name: props.name || '',
  email_contacts: props.email_contacts || [],
  topics: props.topics || {}
};

在构造函数中。

我这样称呼子组件

 <TopicSubscriptionAutocomplete
      id="quotation.status.sent_to_vendor"
      placeholder="(None selected)"
      inputProps={{
        name: "topics['quotation.status.sent_to_vendor']",
        onChange: this.handleChange,
        value: this.state.topics["quotation.status.sent_to_vendor"]
      }}
      vendor={this.props.match.params.vendor_id}
      className={classes.dropdown + ' ' + classes.firstDropdown}
    />

然后在子组件内部

handleChange(selectedValue) {
  this.props.inputProps.onChange({target: {name: this.props.inputProps.name, value: selectedValue}});
  this.setState({value: selectedValue})
}

它仍然可以工作吗？

如果没有，怎么办？原因是主题可能是动态的。

Answer 1

如果quotation.status.sent_to_vendor不起作用，因为将整个字符串视为键，而不是将引号，状态和send_to_vendor视为键

建议将嵌套变量从this.state传递到子组件？

1 个答案: