reacthooks 根据一个数字渲染出相应数字的dom

好的，您可以使用 React Hooks 中的 `useState` 来实现这个功能。具体实现如下：

import React, { useState } from 'react';

function NumberRenderer() {
  const [number, setNumber] = useState(0);

  const handleIncrement = () => {
    setNumber(number + 1);
  };

  const handleDecrement = () => {
    setNumber(number - 1);
  };

  return (
    <div>
      <button onClick={handleIncrement}>+1</button>
      <button onClick={handleDecrement}>-1</button>
      <div>{number}</div>
    </div>
  );
}

在这个例子中，我们使用了 `useState` Hook 来定义一个名为 `number` 的状态变量，并将其初始值设置为 0。我们还定义了两个用于更新 `number` 变量的函数 `handleIncrement` 和 `handleDecrement`，并在组件渲染时将它们绑定到两个按钮的 `onClick` 事件上。最后，在组件的 JSX 中，我们将 `number` 变量的值渲染到了一个 `div` 元素中。

当用户点击 `+1` 或 `-1` 按钮时，`number` 变量的值会被更新，并且组件会自动重新渲染，显示出新的值。