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#demoimport { 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”将始终与列表中的第一个值一起出现。例如：渲染时它将是“阿拉巴马”，因为默认国家是“美国”。