React使用Antd的Select组件动态变换Option的问题

Question

有两个Select选择框,
第一个Select框的数据源是页面渲染的时候后台已经传过来的值，
第二个Select框的选项需要根据第一个的Select框的选择结果做动态改变，
并不是传统的级联，第二个Select的Option取决于第一个Select的结果，是后台动态计算后更新给前台的。

这种情况下，该如何定义第二个Select的Option呢？

Answer 1

说白了也只是数据的问题的，不需要关心怎么渲染，只需要关心数据怎么来，怎么转换成Select能渲染的格式

Answer 2

没有什么不同吧。第一个Select选择了之后直接ajax，返回的数据更新data就可以。
比如:

ajaxCall = () => {
    ajax().then(changeList2)
}

renderOptions = () => {
    return this.props.list.map(element =>
      <Option key={element.id} value={element.id}> {element.address}</Option>);
  };


<Select onclick={ajaxCall}>
    <Option>value1</Option>
</Select>
    
<Select>
    {renderOptions()}
</Select>