快速参考

• ***React Docker镜像。

• 维护者：openEuler CloudNative SIG。

• 获取帮助：openEuler CloudNative SIG、openEuler。

React | openEuler

当前React Docker镜像基于openEuler构建。本仓库免费使用且无每用户速率限制。

React是用于创建用户界面的JavaScript库。

更多信息参见React文档。

支持的标签及对应的Dockerfile链接

每个react Docker镜像的标签由react版本和基础镜像版本组成，详情如下：

使用方法

在使用时，用户可根据需求选择相应的{Tag}。

• 从Docker拉取openeuler/react镜像

  bash
  docker pull openeuler/react:{Tag}
  

• 使用交互式shell运行

  您也可以使用交互式shell启动容器以使用React：

  bash
  docker run -it --rm openeuler/react:{Tag} bash
  

• 示例：简单的React计数器

  此代码演示了一个基本的React计数器组件，该组件：

  • 跟踪数字计数的值
  • 提供一个按钮用于增加计数
  • 显示当前计数值

  javascript
  import { useState } from 'react';
  import { createRoot } from 'react-dom/client';
  
  function Counter() {
    const [count, setCount] = useState(0);
    return (
      <>
        <h1>{count}</h1>
        <button onClick={() => setCount(count + 1)}>
          Increment
        </button>
      </>
    );
  }
  
  const root = createRoot(document.getElementById('root'));
  root.render(<Counter />);
  

问答

如有任何问题或需要使用某些特殊功能，请在openeuler-docker-images上提交issue或拉取请求。