React Scratchcard自定义

Question

我写这篇文章是关于React的Scratchcard组件。这是链接：https://github.com/crowdland/react-scratch-me

此时此刻，我正在处理以下问题：

一段代码: onCompleted ={ () => myFunction} completedAt = {60}

请参阅上面的代码，其中completedAt被赋值为60。如果为真，则onCompleted将运行myFunction。这可以很好地工作，并且是为了。但是，因为completedAt为真，所以myFunction将继续运行。

当completedAt为true时(直到下一次渲染)，Want I want is myFunction运行一次。我想知道是否有人可以帮助这个定制。非常感谢您阅读我的帖子。谢谢大家！

致以亲切的问候，一位土豆程序员

Answer 1

您可以使用state来管理它

示例

const [completed, setCompleted] = useState(false)
// your function
const myFunction = () => {
 if(!completed){
  //do what you want here
  setCompleted(true)
 }
}