我在使用 useEffect 时收到','预期错误

Question

我刚刚开始使用JS和ReactNative，所以请原谅我，如果这是一个太无聊的问题…

我正在学习youtube上的一个教程，并跟随作者的最后一步。

在这种情况下，他使用了一个useEffect，对他来说它是有效的，但我得到一个'，'预期的错误。(每个:)

useEffect ( effect: () => {
console.warn( data: 'useEffect is called');
if (originPlace && destinationPlace) {
console.warn( data: 'Redrect to results');
}
}, deps: [originPlace, destinationPlace]);

你可以看看https://youtu.be/sIRcN0MeZVU?t=6758(应该在1:52:38开始)，你看到他的代码，它为他工作。我用的是Windows，他用的是Mac。

我遇到的另一个问题是在他的代码中的第9行和第10行-他有(initalState: null);我得到一个错误，期望它被包装在括号里，我像这样做了({initalState: null});

你能解释一下为什么这种情况发生在我这端，而不是在作者这端，我应该如何解决它?谢谢你的帮助!

Answer 1

这看起来不像有效的js语法。试着与

useEffect(() => {
console.warn('useEffect is called');
if (originPlace && destinationPlace) {
console.warn('Redrect to results');
}
}, [originPlace, destinationPlace]);

一个评论虽然，我看到作者展示了代码，但他似乎没有显示它工作，他转移到另一个主题，所以不清楚它实际上为他工作。

Edit2:我只是注意到那里发生了什么，他没有键入effect:和deps:字符串，这是他使用的某种扩展，显示了参数的名称，但你不应该键入那部分。所有这些something:字符串你看到的参数只是代码编辑器添加的一些额外信息，但它不是实际的代码，所以对于你与(initalState: null)共享的例子，它实际上只是(null)，但扩展显示了那个东西的名称供参考(但你不编码)。

这有点令人困惑，有人教没有澄清是怎么回事，或者如何做同样的在你的代码编辑器

Answer 2

在console.warn( data: 'useEffect is called');中，data:只是编辑器添加的类型提示。所以你应该只使用console.warn，就像简单的console.log一样。

console.warn('useEffect is called');