React.js 示例：计数器应用

这个页面展示了如何使用 React.js 创建一个简单的计数器应用。下面是一些基本的步骤和代码示例。

创建计数器组件

首先，你需要创建一个名为 Counter 的组件。这个组件将包含一个状态变量来跟踪计数器的值，以及两个按钮来增加和减少计数。

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <h1>计数器：{count}</h1>
      <button onClick={() => setCount(count + 1)}>增加</button>
      <button onClick={() => setCount(count - 1)}>减少</button>
    </div>
  );
}

export default Counter;

使用计数器组件

接下来，你可以在你的应用中导入并使用 Counter 组件。

import React from 'react';
import ReactDOM from 'react-dom';
import Counter from './Counter';

ReactDOM.render(
  <Counter />,
  document.getElementById('root')
);

图片示例

计数器示例

更多关于 React.js 的学习资源和示例，请访问我们的 React.js 学习区。

深入学习

如果你对 React.js 感兴趣，以下是一些推荐的深入学习路径：

• React 官方文档
• React Hooks 教程
• React Router 入门

希望这些资源能帮助你更好地理解和使用 React.js！