Блог

Главная - Вопросы по программированию - Изменить значение компонента с помощью ссылки

Изменить значение компонента с помощью ссылки

#javascript #reactjs

#javascript #reactjs

Вопрос:

Я использую Material-UI с реакцией

У меня есть ползунок, и я хочу установить значение.

 class ParamBoard extends React.Component{
   constructor(props) {
     this.sliderRef =  React.createRef();
   }
   componentDidMount() {
     this.sliderRef.current.value = 1 // not work.
   }
   this.hugaRef = React.createRef();
    render(){
      return (
        <Slider step={1} min={1} max={6} marks width={1/4 } ref="{this.sliderRef}" 
       aria-labelledby="continuous-slider" />)
       )
    }
}

Обычно с помощью jQuery мне нравится это (‘#myslider’).value(2), чтобы получить dom и изменить значение.

Однако в Reactjs я подумал, что должен использовать ref ??? правильно ли это или как я могу это исправить??

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

1. 1. используйте state, 2. в вашем случае ref — это строка, вам следует убрать двойные кавычки

2. Почему вы пытаетесь использовать ref ref для установки начального значения ползунка по сравнению с использованием react state и value prop или указанием defaultValue prop? Чего вы на самом деле пытаетесь достичь?

3. @DrewReese Я хочу установить значение по умолчанию из файла cookie, поэтому я хочу видеть componentDidMount() в componentDidMount

4. @Nishant О, это правда…. Я должен использовать state , я был немного смущен.

Метки: