playground里面怎么运行react代码

在React的开发环境中，最常用的playground或者说代码沙箱通常是像CodeSandbox（codesandbox.io）这样的在线平台。在CodeSandbox上运行React代码的步骤如下：

1. **创建新项目**：登录CodeSandbox并点击“Create a new pen”，选择“Reactive”模板，它默认支持React。

2. **编写代码**：在编辑器里，你可以开始编写JavaScript（ES6+）或TypeScript的React组件。例如，创建一个新的`App.js`文件，编写一个简单的`Hello World`组件：

import React from 'react';

function App() {
  return <h1>Hello, CodeSandbox!</h1>;
}

export default App;

3. **实时预览**：当你修改代码后，CodeSandbox会自动刷新浏览器页面，显示你的更新效果。

4. **保存与分享**：如果你对当前环境满意，可以点击右上角的“Export as ZIP”下载整个项目，也可以将链接分享给他人查看你的代码运行情况。