Как вставить дополнительный элемент в сторонний компонент?

Я использую сторонний компонент под названием «слайдер» (rc-слайдер). Мне нужно добавить дополнительный элемент внутри слайдера (div class = "rc-slider-handle").

<div class = "rc-slider">
   <div class = "rc-slider-rail" style = "..."></div>
   <div class = "rc-slider-track" style = "..."></div>
   <div class = "rc-slider-step"></div>
   <div role = "slider" tabindex = "0" ... class = "rc-slider-handle" style = "..."> 
       // new element should be added here
   </div>
   <div class = "rc-slider-mark"></div>
</div>

Использование из моего реагирующего компонента:

    <Slider
      min = {...}
      max = {...}
      value = {...}
      onChange = {...}
    />

reactjs

06.09.2018 16:37

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Согласно rc-слайдер документы, вы можете передать опору handle:

<Slider
  min = {...}
  max = {...}
  value = {...}
  onChange = {...}
  handle = {() => <div className = "rc-slider-handle" />}
/>

06.09.2018 17:07

Другие вопросы по теме

Аргумент типа 'any []' не может быть назначен параметру типа 'A'. Свойство 'a' отсутствует в типе 'any []'

Выпадающий список не может быть реализован в React

Лучшее место для получения данных реагировать на карты Google

(RuntimeError) `module` не установлен в конвейере Guardian. Как это исправить?

Formik + ага не отображает ошибки

Добавление новой конфигурации сборки для Create React App

Не удается включить CORS в веб-API ASP.Net Core

Импортировать Semantic-ui css без локальной области видимости классов || Semantic-ui для использования классов с локальной областью видимости

Компонент кнопки Material-UI не работает должным образом после развертывания на страницах Github

Ошибка неожиданного импорта токена в тесте реакции jest

Как вставить дополнительный элемент в сторонний компонент?

Ответы 1

Другие вопросы по теме

Похожие вопросы