React Native Typescript : how to resolve an error of type of parameter for a variable

Question

I'm doing a project in react native (typescript) and here is my issue : I have this error Argument of type 'GestureResponderEvent' is not assignable to parameter of type 'SetStateAction<string>'.ts(2345) with this part of my code, at the i of setSelected :

<View style={{}}>
          <Text style={styles.texteti}>Heading, paragraphe, lien</Text>
          {state.map((i) => (
            <TouchableOpacity onPress={(i) => setSelected(i)}> 
              <Text>{i} Here</Text>
            </TouchableOpacity>
          ))}
          {selected == "v1Visible" && (
            <View>
              <Text>View 1</Text>
            </View>
          )}
          {selected == "v2Visible" && (
            <View>
              <Text>View 2</Text>
            </View>
          )}
          {selected == "v3Visible" && (
            <View>
              <Text>View 3</Text>
            </View>
          )}
          {selected == "v4Visible" && (
            <View>
              <Text>View 4</Text>
            </View>
          )}
        </View>

Anyone has an idea of how to resolve this

David Scholz · Accepted Answer · 2022-05-20 14:58:50Z

You are reusing the variable with name i in the callback function passed to onPress of the TouchableOpacity. You are using the same variable name in your map function of state. Since the setter setSelected is called in the local scope of the callback function of onPress, the event passed to this callback function will be used (it is stored in i of the local scope of the callback function).

The easiest fix would be to either rename the variable or not declare it at all since you are not using it anyway.

{state.map((i) => (
       <TouchableOpacity onPress={() => setSelected(i)}> 
          <Text>{i} Here</Text>
       </TouchableOpacity>
))}

If you actually want to store the event of the onPress action (which seems to be unlikely judging from your current code), you need to either change the typing of your state or access whatever you want to access from the event.

Collectives™ on Stack Overflow

React Native Typescript : how to resolve an error of type of parameter for a variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related