更改从react钩子返回的回调名称

Question

我想在useSound Hooks中使用不同名称的停止函数，因为我已经使用了停止变量。

使用Sound Doc

import play from "./assets/play.mp3";
const [Phone,{stopPhone as stop }] = useSound(phone);

Answer 1

你应该像这样使用对象解构:

const [Phone, { stop: stopPhone }] = useSound(phone);

Answer 2

如果useSound返回一个数组，则不需要"重命名";它的任何项—只需将您想要的名称放入解构语法中:

const [Phone,stopPhone] = useSound(phone);

你可以简单地选择任何你想要的名字。

如果它返回一个对象，你可以使用对象解构，如下所示

const [Phone,{ stop: stopPhone }] = useSound(phone);