Question

我已经在反应选择菜单列表中创建了反应选择，当前，问题是当我单击内部反应选择组件时，外部反应选择组件菜单列表被关闭如何解决此问题？

主要组成部分

const CustomCalender = props => {
    return (
      <div>
        <Calendar props={props} />
      </div>
    );
  };

  return (
    <div>
      <Select
      options={[{label:moment(),value:moment()}]}
        components={{ Option: CustomCalender }}
        styles={customStyles}
        maxMenuHeight="200"

      />
    </div>

日历组件

                <Select
                     openMenuOnFocus={true}
                     openMenuOnClick={false}
                    className="basic-single"
                    classNamePrefix="select"
                    name="color"
                    options={this.state.colourOptions}/>

Answer 1

您是否尝试过阻止传播

  <div>
    <Calendar props={props} />
  </div>

收件人：

  <div onBlur={e => e.stopPropagation()}>
    <Calendar props={props} />
  </div>

反应选择内部反应选择

1 个答案: