“rafce”React.js 快捷方式在 VSCode 中不起作用

Question

我是编码新手，我想学习YouTube 上的freecodecamp.org教程。我正在关注视频，讲师在 VSCode 中使用了一个快捷方式，看起来像这样rafce，然后变成了这样

const Header = () => {
    return (
        <div className='header'>
            <span className='title'>Word Hunt</span>
        </div>
    )
}

export default Header

我也在使用 VSCode。问题是什么？我如何解决它？

问候

Answer 1

您需要在 VSCode 中安装React snippets 扩展

添加扩展后，重新启动 VsCode 并再次尝试。

Answer 2

ES7 React 片段扩展

转到 Vscode 中的扩展搜索栏，搜索ES7 React snippets 扩展并安装

然后输入rafce

Answer 3

在扩展搜索栏中搜索“ES7”。从那里安装“ES7 React/Redux/React-native snippets”扩展。现在您可以使用该快捷方式了。