Как я могу превратить свою функцию react в компонент react?

#reactjs

#reactjs

Вопрос:

Как я могу превратить эту функцию в компонент react?

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

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

Комментарии:

1. Компонент React на самом деле является функцией reactjs.org/docs/components-and-props.html . В вашем случае вам нужно будет вернуть некоторый jsx

Ответ №1:

Верните элемент 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} /> 
    ))}
  )
}
 

Ответ №2:

Предполагая, что ваше images состояние представляет собой список источников изображений…

 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
    </>
  )
}