title: Executing multiple functions in the onPress function with props
body: <p>I am currently in the process of creating a naughts and crosses game. I am close to completion, the icons are displayed in the boxes when I clock on any of the boxes. However, I can only display one, naughts or crosses. My code so far: <a href="https://i.stack.imgur.com/w0Ly0.png" rel="nofollow noreferrer">My App.js script and the component for each box in the grid</a></p>
  
  <p>My app.Js script is used to manage that state that determines the turn, and a function that changes the state every time a box is pressed is created in the App.js file and passed as props to the Box.js file. Furthermore, a function that displays naught or a cross is in the Box.js file. When I want to pass either of these functions to the onPress function then they work perfectly fine. It's only when I try to put these functions together that problems start arising.</p>
  
  <p>This is what I have tried: <code>onPress= {() =&gt; {props.swicthTurn; Change;}</code></p>