Reactjs 如何将react函数转换为react组件？

如何将此函数转换为react组件

函数应用程序（）{
const[images，setImages]=React.useState（[]）；
常数maxNumber=69；
const onChange=（imageList，addUpdateIndex）=>{
设置图像（图像列表）；
};
}

从函数返回JSX元素。这取决于你想展示什么。它可以是这样的：

function App() {
  const [images, setImages] = React.useState([]);
  const maxNumber = 69;

  const onChange = (imageList, addUpdateIndex) => {
    setImages(imageList);
  };
  return (
    {images.map((image, index) => (
      <img src={image} key={index} /> 
    ))}
  )
}

函数应用程序（）{
const[images，setImages]=React.useState（[]）；
常数maxNumber=69；
const onChange=（imageList，addUpdateIndex）=>{
设置图像（图像列表）；
};
返回(
{images.map（（图像，索引）=>(
))}
)
}

假设您的

图像

状态是图像源列表

function App() {
  const [images, setImages] = React.useState([]);
  const maxNumber = 69;

  const onChange = (imageList, addUpdateIndex) => {
    setImages(imageList);
  };

  return (
    <>
      { images.map(src => <img src={src} key={src} />) } // assuming `src` is unique
    </>
  )
}

函数应用程序（）{
const[images，setImages]=React.useState（[]）；
常数maxNumber=69；
const onChange=（imageList，addUpdateIndex）=>{
设置图像（图像列表）；
};
返回(
{images.map（src=>）}//假设'src'是唯一的
)
}

React组件实际上是一个函数。在您的情况下，您需要返回一些jsx