如何使vscode自动完成分布在React功能组件中的道具

Question

我在react native中有一个功能组件。它是这样的：

export const Row = ({ children, style, ...props }) => (
<View
style={[{ flexDirection: "row", alignItems: "center" }, style]}
{...props}
>
{children}
</View>
);

我是这样使用的：

const App = () => {
return (
<Row>
<Text>Hello</Text>
</Row>
);
};
export default App;

如何在使用Row组件时启用vscode的自动完成。例如，我想使用View中的onMagicTap，如何在Row中查看自动完成。我已经在View中展开道具，但我看不到自动完成。有什么解决办法吗？

PS。我使用JS，而不是TS

Answer 1

您可以尝试vs代码扩展，我使用的是；React Native Snippet"；