How do I retrieve a value from a Key with 2 words react

Question

I am building a react application that gets data from Firestore. I am stuck with getting values from a Key: value pair in which the key is more than one word.

I create my component like so:

const MyComponent = ({theData}) => {
return (
    <div>
      <p>theData.name</p>
      <p>theData.Special Pass</p>
    </div>
)
}

The first one with the "Name" works fine and I can view the value. I am stuck on the second one. I have tried:

theData.["Special Pass"}
theData.{"Special Pass"}

and several other variations without success. Please assist.

Thanks

score 2 · Accepted Answer · answered Sep 18 '20 at 10:44

2

Try theData["Special Pass"]

answered Sep 18 '20 at 10:44

maya_nk99

502
3
5

Worked for me. Bless you – Sky Lurk Sep 18 '20 at 10:46

score 1 · Answer 2 · answered Sep 18 '20 at 10:48

1

const MyComponent = ({theData}) => {
return (
    <div>
        <p>{theData.name}</p>
        <p>{theData["Special Pass"]}</p>
    </div>
) }

answered Sep 18 '20 at 10:48

w35l3y

8,613
3
39
51

How do I retrieve a value from a Key with 2 words react

2 Answers2