React:我希望将Add component表单输入发送到要查看的Browse组件

// AddComponent.js
import React, { useState } from 'react';

const AddComponent = ({ onAdd }) => {
  const [inputValue, setInputValue] = useState('');

  const handleInputChange = (event) => {
    setInputValue(event.target.value);
  };

  const handleSubmit = () => {
    onAdd(inputValue);
    setInputValue('');
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      <button onClick={handleSubmit}>Submit</button>
    </div>
  );
};

export default AddComponent;

// Browse.js
import React from 'react';

const Browse = ({ inputValue }) => {
  return (
    <div>
      <p>Input value: {inputValue}</p>
    </div>
  );
};

export default Browse;

// App.js
import React, { useState } from 'react';
import AddComponent from './AddComponent';
import Browse from './Browse';

const App = () => {
  const [inputValue, setInputValue] = useState('');

  const handleAdd = (value) => {
    setInputValue(value);
  };

  return (
    <div>
      <AddComponent onAdd={handleAdd} />
      <Browse inputValue={inputValue} />
    </div>
  );
};

export default App;