React传递一个数字进入组件，并在组件中实现加减乘除的功能

首先，在父组件中定义一个数字并将其传递给子组件：

import React, { useState } from 'react';

function App() {
  const [num, setNum] = useState(0);

  return (
    <div>
      <h1>{num}</h1>
      <Child num={num} setNum={setNum} />
    </div>
  );
}

export default App;

然后，在子组件中接收这个数字并实现加减乘除的功能：

import React from 'react';

function Child(props) {
  const { num, setNum } = props;

  const handleAdd = () => {
    setNum(num + 1);
  };

  const handleSubtract = () => {
    setNum(num - 1);
  };

  const handleMultiply = () => {
    setNum(num * 2);
  };

  const handleDivide = () => {
    setNum(num / 2);
  };

  return (
    <div>
      <button onClick={handleAdd}>+</button>
      <button onClick={handleSubtract}>-</button>
      <button onClick={handleMultiply}>*</button>
      <button onClick={handleDivide}>/</button>
    </div>
  );
}

export default Child;

在子组件中，我们定义了四个函数分别对应加减乘除的操作。每次点击按钮时，我们调用相应的函数并更新数字的状态，从而实现加减乘除的功能。