如何使用 react native 单击由函数呈现的按钮？

Question

[Here is My Code ( https://hizliresim.com/gPmJDO )

Here is My Error ( https://hizliresim.com/dLYAaD )

Answer 1

Without binding your function to a component instance, make them as arrow functions

handleClick = () => {
  alert("test");
};

renderGridItem = ({ item }) => (
  <TouchableOpacity onPress={this.handleClick}>
      ...
  </TouchableOpacity>
);

Hope this helps you. Feel free for doubts.

Answer 2

Make a handler function as arrow function.

  handleClick = () => {
      alert("Test Alert");
    }

An then call it

renderGridItem = ({ item }) => (
  <TouchableOpacity onPress={()=>this.handleClick()}>
      ....
      ...
  </TouchableOpacity>
)

You don.t need to bind if you use handler function as an arrow function.