写一个简短的前端react框架代码

React 是一个用于构建用户界面的 JavaScript 库，由 Facebook 开发和维护。下面是一个简单的 React 前端代码示例，它展示了如何创建一个基本的组件，这个组件将渲染一个 "Hello, World!" 消息。

首先，你需要确保你的开发环境中安装了 Node.js 和 npm。然后，你可以使用 `create-react-app` 脚手架来快速开始一个新的 React 项目：

npx create-react-app my-react-app
cd my-react-app
npm start

在你的项目中，你可以创建一个简单的组件 `HelloWorld.js`：

import React from 'react';

class HelloWorld extends React.Component {
  render() {
    return (
      <div>
        Hello, World!
      </div>
    );
  }
}

export default HelloWorld;

然后在你的主文件 `App.js` 中使用这个组件：

import React from 'react';
import HelloWorld from './HelloWorld';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <HelloWorld />
      </header>
    </div>
  );
}

export default App;

这个示例展示了如何定义一个 React 类组件，并在应用的主组件中使用它。`HelloWorld` 组件非常简单，只包含一个渲染方法 `render`，该方法返回了一个包含文本 "Hello, World!" 的 `<div>` 元素。在 `App` 组件中，我们通过 `import` 语句导入了 `HelloWorld` 组件，并在 `render` 方法中渲染了它。