ReactJs：如何在 RegionDropdown 中选择默认值

Question

ReactJs：如何在 RegionDropdown 中选择默认值。

我正在使用“react-country-region-selector”，其中有两个组件“CountryDropdown”和“RegionDropdown”。现在在构造函数中，我选择了默认值“CountryDropdown”。但我的要求是，当我从国家/地区列表中选择任何值时，regionDropdown 将使用列表中的第一个名称的默认值填充。

这是我尝试过的代码：第 1 步：导入 react-country-region-selector

第 2 步：在我的代码中使用这些组件。

在构造函数中，我设置了 country country 的初始值：'United States'

这是我浏览过的链接：

https://www.npmjs.com/package/react-country-region-selector#demo

import { CountryDropdown, RegionDropdown, CountryRegionData } from 'react-country-region-selector';

<tr>

     <td><label><CountryDropdown value={this.state.country}                        

                  onChange={(val) => this.selectCountry(val)} />

          </label>

     </td>

     <td><label><RegionDropdown country={this.state.country} 

         value={this.state.region}onChange={(val) => this.selectRegion(val)}/> 

         </label>

     </td>

</tr>

    selectCountry (val) {

        this.setState({ country: val });

    }

    selectRegion (val) {

        this.setState({ region: val });

    }

//And in the constructor i set the initial value of country 

 country: 'United States'

我期望的是默认情况下“RegionDropdown”将始终与列表中的第一个值一起出现。例如：渲染时它将是“阿拉巴马”，因为默认国家是“美国”。