如何在 Codepen.IO 中编写 ReactJS 代码？

现在一切都在线了，有些人使用 VScode 编写 react.js 代码并面临大部分困难。 VScode 需要设置来编写 React.js 代码，许多初学者在使用 VScode 时遇到困难，所以对他们来说，使用codepen很好，也很容易。 codepen 为您提供了一个在线平台来创建 react、HTML、CSS、JavaScript 项目。 Codepen 还有另一个优势，就是您可以轻松地将代码上传到 GitHub 并毫无困难地与任何人分享您的代码。 Codepen 还有一个优势，你会看到其他人的项目和代码，它成为学习项目的更好方法。
02
如何调整并开始使用 Codepen：

• 第一步：首先访问codepen官网。
• 第 2 步：现在您必须在 codepen.io 中创建一个帐户，您可以通过 Facebook、Twitter、GitHub 或使用电子邮件进行注册。
  
• 第 3 步：然后单击窗口右上角的个人资料并访问 New Pen。
  
• 第4步：现在转到设置并单击js。选择 Babel 作为 javascript 预处理器，在搜索栏中输入 React 以从 React-dom CDNjs 导入 React 和 React-dom，然后保存并关闭。

现在在相应的块中编写 JavaScript、HTML 和 CSS 代码。编写代码后单击“保存”按钮，现在如果您的代码没有错误，那么它将成功运行并显示输出。