0

Всем здоровья! Подскажите, плиз, как организовать условие, чтобы показать не все картинки, а одну - рандомно. Кстати, даже так все не показываются, выдает ошибку: "Error: Too many re-renders. React limits the number of renders to prevent an infinite loop"... как быть?

    let [blockClass, setBlockClass] = useState("");

    let imageElements = props.images.map((image, i) => {
        return <img key={image.id} src={image} className={classNames(style.img, style[blockClass])}
                    id={style[`img` + i]} alt=""/>
    });


    let showImage = () => {
        setBlockClass("block");
    };

1 ответ 1

3

Код стоит приводить полностью.

import React from "react";

export default function App() {
  const [items] = React.useState([1,2,3,4,5])
  const [random] = React.useState(Math.floor(Math.random() * items.length) + 1 )


  return (
    <div className="App">
      <h1>Hello random</h1>
      <h2>{items[random]}</h2>
    </div>
  );
}
3
  • Спасибо большое, очень помогли, я получил отдельную картинку. Только еще подскажите плиз как передать ей класс... изначально у нее дисплей нон, только это часть мозайки и я должен класс передать именно картинке а не дивку в которой она лежит 23 апр 2020 в 10:24
  • 1
    @ЕрвандС-ян <h2><img style={{display: 'block'}} src={items[random].src} /></h2> Не забывайте принимать ответ ^_^
    – ZiiMakc
    23 апр 2020 в 12:20
  • Супер! Спасибо! 23 апр 2020 в 14:13

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.