Выпадающее копирование того же значения в другом раскрывающемся спине из -за уникального ключа ⇐ Javascript

[Anonymous]

У меня есть два раскрытия. Каждый из них рендеринг динамически на основе количества строк. Допустим, здесь два ряда. Проблема заключается в том, что я выбираю один выпадающий список, то одно и то же значение копируется в другой выпадающий список. Я думаю, что это связано с тем же ключом, но как сделать эту работу, так как такая же ключ используется для извлечения значения из файла static.json. Заранее спасибо. < /P>

Код: Выделить всё

const IdTypes = [
{
label: 'Identifications Type',
key: 'typeCd',
options: [] as string[],
type: 'select',
},
< /code>
] < /p>
const rows = ['0001', '0002']

{rows.map((seq, index) => (

{IdTypes.map((field) => {
{ field.options = [] }
{
getDropdownData(jsonData, 'typeCd').map(item => {
field.options?.push(item.cd + ' - ' + item.desc)
})
}
return (

{renderField(field)}

)
})}

)}

const renderField = (field: any) => {
const { label, type, key, options } = field
if (type === 'select') {
return (
 (

{label}

{(options || []).map((option: string, index: any) => (

{option}

))}


)}
/>
)
}

getdropdowndata - это утилита, которая дает описание на основе ключа, которую мы передаем.

Подробнее здесь: https://stackoverflow.com/questions/796 ... unique-key