如何制作傳播在 React 功能組件中的 vscode 自動完成道具

Question

我有一個反應原生的功能組件。 它是這樣的：

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-code 擴展，我用的是“React Native Snippet”