Use dynamic variable with array map react native

Question

I'm trying to print an Array whose name is being calculated based on selected value. e.g.

const ANotes = ["B", "C", "D"];
const keyNotes = MyNotes[selected] + "Notes"; //value is ANotes

Trying to render it as:

<View>
        {{keyNotes}.map((item, key)=>(
         <Text key={key} 
          //style={styles.TextStyle} 
          //onPress={ this.SampleFunction.bind(this, item) }
          > { item } , </Text>)
        )}
      </View>

When I try to render it in View in my Component it gives error. I'm new to React Native so not able to figure this one. I want the output to show B, C, D in the App.

It gives error: TypeError: undefined is not a function.

Moshe Sommers · Accepted Answer · 2020-06-10 13:33:10Z

0

You cant use a string value to access a variable in the local scope without it being attached to some object or array check out this SO for some solutions

Seems you're using functional component if you switch to a class component you can then access it with this[keyNotes]

<View>
     {this[keyNotes].map((item)=><Text key={item}> {item}Notes,  </Text>)} 
</View>

Here's a working sandbox (I'm using react not react-native so I changed to dom eelments)

edited Jun 10, 2020 at 13:33

answered Jun 9, 2020 at 20:18

Moshe Sommers

1,5068 silver badges13 bronze badges

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

7 Comments

pulkitgulati Over a year ago

keyNotes is the selected value that holds the string ANotes. I used this as an example.

Moshe Sommers Over a year ago

What do you mean the "string ANotes"? ANotes is an array. And what's MyNotes?

pulkitgulati Over a year ago

MyNotes[selected] evaluates to "A" which makes keyNotes evaluate to "ANotes". It's mentioned in the code snippet comment part.

Moshe Sommers Over a year ago

So KeyNotes is the string 'ANotes'?

pulkitgulati Over a year ago

Yes. So if I use keyNotes to fetch array values of ANotes. What should be the exact syntax?

|

Collectives™ on Stack Overflow

Use dynamic variable with array map react native

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related