React input选择以显示相应的组件，并选择字符串值为数字值

import React, { useState } from 'react';

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

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

  let componentToDisplay;

  if (inputValue === '1') {
    componentToDisplay = <NumberComponent1 />;
  } else if (inputValue === '2') {
    componentToDisplay = <NumberComponent2 />;
  } else {
    componentToDisplay = <DefaultComponent />;
  }

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      {componentToDisplay}
    </div>
  );
};

const NumberComponent1 = () => {
  return <div>Number Component 1</div>;
};

const NumberComponent2 = () => {
  return <div>Number Component 2</div>;
};

const DefaultComponent = () => {
  return <div>Default Component</div>;
};

export default App;