Question

我怎样才能把这个函数变成一个 react 组件？

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

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

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

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

如何将我的反应功能转换为反应组件？

2 个答案: