React use object value as state variable name

Question

I want to use the value of one object to access state variable name

for ex:

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>
)
}

The state variables are: this.state.data.name and this.state.data.email. How to replace the obj.name here

If i give {this.state.data.obj.name} it's throwing an error like name not found

chriss · Accepted Answer · 2019-03-03 22:18:22Z

2

When using variables for keys, you need to use square brackets

this.state.data[obj.name]

In square brackets notation, your solution requests:

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

answered Mar 3, 2019 at 22:18

chriss

6694 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Dhanapal Over a year ago

ohh.. My bad.. i used this.state.data.[obj.name] After removing the dot it's working fine. Thanks man.

rishat Over a year ago

Are you sure that this.state['data']['obj']['name'] is equivalent to this.state.data[obj.name] in this case though?

chriss Over a year ago

It is not, i wrote that first one you wrote, this.state['data']['obj']['name'], is equivalent of one written in question this.state.data.obj.name,

Collectives™ on Stack Overflow

React use object value as state variable name

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related