如何在反应挂钩中更改另一个选择选项

Question

我有一组数据，我想通过这些数据来更新UI select option，但我不知道该怎么做

JSON数据

[
{
    country: 'India',
    cities: [
        {
            city_name: 'New delhi',
        },
        {
            city_name: 'mumbai',
        },
    ],
},
{
    country: 'England',
    cities: [
        {
            city_name: 'London',
        },
        {
            city_name: 'manchester',
        },
    ],
},
{
    country: 'Portugal',
    cities: [
        {
            city_name: 'Lisbon',
        },
    ],
},
];

我尝试过的是：

                   <select
                        name="country">
                        {data.map((li, index) => (
                                <option
                                    key={index}
                                    value={li.country}
                                    onchange={() => onchange_device(li.country)}>
                                    {li.country}
                                </option>
                            ))}
                    </select>


                 <select
                                name="city">
                                <option
                                    value="city val
                                    >
                                    here I want to show city
                                </option>
                            ))}
                    </select>

我正在尝试进行换乘，但首先我想显示第一个选项处于选中状态，然后还要选择子城市，我不知道该怎么做

My code sand box

Answer 1

您需要将log4j2.properties重构为logger.file.name=com.amazon.resources 。您需要将此道具分配给onchange元素而不是onChange元素。

select

此后，您可以在一个州中根据所选国家/地区跟踪城市选项

option

然后在值之间映射

<select name="Country" onChange={(e) => onchange_device(e.target.value)}>