Реагировать на использование значения объекта в качестве имени переменной состояния

Question

Я хочу использовать значение одного объекта для доступа к имени переменной состояния

, например:

const displayName = [
    {
        name: 'name', //Actually this is the state variable name 
        displayText: 'Name: '
    },
    {
        name: 'email',
        displayText: 'E-mail ID: '
    }
]

{
displayName.map(obj =>  (
    <p>{obj.displayText}</p>
    <div>
        {this.state.data.obj.name} //Here am facing issue. The state variables are: this.state.data.name and this.state.data.email. How to replace the obj.name here
    </div>
)
} 

Переменные состояния: this.state.data.name и this.state.data.email.Как заменить имя obj.name здесь

Если я даю {this.state.data.obj.name}, это выдает ошибку вроде name not found

Answer 1

При использовании переменных для ключей необходимо использовать квадратные скобки

this.state.data[obj.name]

В обозначениях в квадратных скобках ваше решение запрашивает:

this.state['data']['obj']['name']