export default function(props) {
   const number = props.match.number // undefined
   return (
       <div className="product">
           Страница товара (в разработке) - {number}
       </div>
   )
}

решил через useParams

Коллеги, приветствую. Возник вопрос по реализации слайдера.  На проекте необходимо реализовать слайдер используя библиотеку  Swiper.  т.е. слайдер должен быть react-компонент, которые можно переиспользовать в проекте. Взял пример с сайта, но не получается запустить слайдер - не работает пагинация и навигация. Файл со стилями подключил как модуль.  Подскажите пожалуйста как в песочнице codesandbox и своем проекте можно реализовать рабочий слайдер (как react-компонент) ? пример слайдера. https://codesandbox.io/s/exciting-moser-c5ten?file=/src/Slider.js

а чуть конкретнее, какой свайпер?

https://swiperjs.com/ этот?

да

https://swiperjs.com/react/ тогда вот это надо юзать

By default Swiper React uses core version of Swiper (without any additional components). If you want to use Navitation, Pagination and other components, you have to install them first.

Ребята, спасибо. Немного разобрался в вопросе отдельно импортировал  import {Swiper, Navigation, Pagination} from "swiper";
Swiper.use([Navigation, Pagination]); и все заработало в песочнице. есть еще одна проблема , которая возникла и которую не могу побороть. Если добавить два слайдера , то не работает пагинация при перелистывании слайдов мышкой . т.е слайды меняются - а сами буллеты стоят на месте . не видно , чтобы они менялись. в чем может быть причина такого поведения не понятно ( https://codesandbox.io/s/exciting-moser-c5ten?file=/src/Slider.js

Так в примере нет подключённой  Navigation, Pagination и что бы вы её использовали.

Привет.
Подскажите как импротировать не одну картинку типа
import MyImage from '../assets/img/MyImage.jgp', а сразу всю папку img в массив MyImage

без циклов всяких и т.д

Лоадер вместо таких импортов подставляет просто путь файла. Наверное можно собрать массив или мапу с именами файлов, если ты их знаешь. Правда, он ещё и перемещать или переименовывать может, наверное, поэтому тебе надо будет публишить неизменяемый список ассетов для этого.

в том то и дело что я не знаю какие у меня там файлы или их слишком много

function importAll(r) {
 return r.keys().map(r);
}

const images = importAll(require.context('./', false, /\.(png|jpe?g|svg)$/));

только через цикл?( в любом случае спасибо, буду эту функцию использовать

мне не известно других способов, может и можно как то

В результате вернулись к использованию connect с функциональными компонентами

А кто какие скрин ридеры юзает для проверки доступности?

привет. у меня redux и thunk. в одном reducer есть дефолтное значение checks_completed: 0. в самом начале делаю запрос на сервер, и это значение обновляется. мне нужно показывать один элемент только если checks_completed === 0, но после ответа от сервера, т.е. чтобы при дефолтном значении не показывалось. как мне лучше это сделать?