反应选择里面的反应选择

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>