javascript - 使用 props 在 onPress 函数中执行多个函数

Question

我目前正在创建一个 naughts and crosss 游戏。我快完成了，当我在任何一个盒子上计时时，图标就会显示在盒子里。但是，我只能显示一个，naughts 或 crosss。到目前为止我的代码：我的 App.js 脚本和网格中每个框的组件

我的 app.Js 脚本用于管理确定转弯的状态，并且在 App.js 文件中创建了一个每次按下框时都会更改状态的函数，并作为道具传递给 Box.js 文件。此外，Box.js 文件中还有一个显示 naught 或 cross 的函数。当我想将这些函数中的任何一个传递给 onPress 函数时，它们都可以正常工作。只有当我尝试将这些功能放在一起时，才会出现问题。

这是我尝试过的：onPress= {() => {props.swicthTurn; Change;}

Answer 1

您需要调用这两个函数，而不仅仅是传递它们

onPress= {() => {
    props.swicthTurn();
    Change();
}

当您通过名称将函数传递给onPress道具时，它会为您调用它，但是当您传入内联函数时，您必须执行您可能使用的任何子函数。

此外，如果这些函数中的任何一个需要自行传递给它们的事件变量，则需要手动传递该变量：

onPress= {e => {
    props.swicthTurn(e);
    Change(e);
}

Answer 2

你应该使用 onPress = {() => {props.swictchTurn(); Change();} 你应该给 onPress 函数并且{() => {}}是函数声明。你应该在这个里面调用子函数。