反應選擇里面的反應選擇

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>