Size: a a a

React — русскоговорящее сообщество

2020 December 28

НМ

Никита Михайловский... in React — русскоговорящее сообщество
Иван Майор
Здравстуйте. У меня если использовать Formik каждый раз при перезагрузке вводится значение инпута которое запомнил реакт и меняется цвет фона. Не подскажите как это отключить?
onFocus={() => {
          !this.props.readOnly && this.inputRef.current?.removeAttribute("readOnly");
           this.onFocus.bind(this)()
         }
       }

что-то типа такого.
Довольно криво, но лучше вряд ли что-то найдешь
источник

n

nkun in React — русскоговорящее сообщество
Добрый день, есть конструкция вида:

isSomething ? null :
<div>
...
</div>

Хочу поменять чтобы было вот так:

isSomething ? null :
<>
  <div>
  ...
  </div>
  <div>
  ...
  </div>
  <div>
  ...
  </div>
</>

Но ловлю странную ошибку - "ReferenceError: React is not defined". ЧЯДНТ?
источник

V

Vladimir in React — русскоговорящее сообщество
Привет, такой вопрос: как классовый компонент такого вида переписать на функциональный с использованием хуков, не могу разобраться
class Test extends React.Component {
 someClassRef = React.createRef();

 get someClassRef() {
   return this.someClassRef;
 }

 render() {
   return (
     <SomeClass ref={this.someClassRef}/>
   );
 }
}
источник

V

Vlad in React — русскоговорящее сообщество
nkun
Добрый день, есть конструкция вида:

isSomething ? null :
<div>
...
</div>

Хочу поменять чтобы было вот так:

isSomething ? null :
<>
  <div>
  ...
  </div>
  <div>
  ...
  </div>
  <div>
  ...
  </div>
</>

Но ловлю странную ошибку - "ReferenceError: React is not defined". ЧЯДНТ?
import React from ‘react’
источник

n

nkun in React — русскоговорящее сообщество
Vlad
import React from ‘react’
Пробовал - не помогает
источник

V

Vlad in React — русскоговорящее сообщество
Vladimir
Привет, такой вопрос: как классовый компонент такого вида переписать на функциональный с использованием хуков, не могу разобраться
class Test extends React.Component {
 someClassRef = React.createRef();

 get someClassRef() {
   return this.someClassRef;
 }

 render() {
   return (
     <SomeClass ref={this.someClassRef}/>
   );
 }
}
Так а в чем именно сложность? В useRef?
источник

V

Vladimir in React — русскоговорящее сообщество
Vlad
Так а в чем именно сложность? В useRef?
Не понимаю как в функциональном компоненте определить статические поля, к котомым можно будет потом обратиться
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Vladimir
Не понимаю как в функциональном компоненте определить статические поля, к котомым можно будет потом обратиться
Самый близкий аналог - рефы
источник

V

Vlad in React — русскоговорящее сообщество
Vladimir
Не понимаю как в функциональном компоненте определить статические поля, к котомым можно будет потом обратиться
во-первых, в примере с классом это не статическое поле
во-вторых

function someComponent () {
 const someRef = useRef()

 const someMethod = () => {
   someRef.current
   …
 }

 return <div ref={someRef}></div>
}
источник

DP

Dmitry Plyaskin in React — русскоговорящее сообщество
Vladimir
Не понимаю как в функциональном компоненте определить статические поля, к котомым можно будет потом обратиться
а зачем объявлять статические поля?
источник

V

Vladimir in React — русскоговорящее сообщество
Vladimir
Не понимаю как в функциональном компоненте определить статические поля, к котомым можно будет потом обратиться
Я хочу потом испотльзовать компонент Test, повесить на него сслыку и увидеть, то что у него есть метод get someClassRef и вызвать его, что бы таким образом получить доступ к методам компоеннта SomeClass
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Vladimir
Я хочу потом испотльзовать компонент Test, повесить на него сслыку и увидеть, то что у него есть метод get someClassRef и вызвать его, что бы таким образом получить доступ к методам компоеннта SomeClass
useImplementiveHandler
источник

V

Vladimir in React — русскоговорящее сообщество
Maxim Koylo
useImplementiveHandler
это что такое?
источник

n

nkun in React — русскоговорящее сообщество
Vlad
import React from ‘react’
Это огромный компонент и без импорта реакта он работает, ломается когда конкретно в этом месте я меняю эту конструкцию
источник

DP

Dmitry Plyaskin in React — русскоговорящее сообщество
Vladimir
Я хочу потом испотльзовать компонент Test, повесить на него сслыку и увидеть, то что у него есть метод get someClassRef и вызвать его, что бы таким образом получить доступ к методам компоеннта SomeClass
а зачем тебе тогда на хуки переписывать?
источник

IN

Igor N in React — русскоговорящее сообщество
nkun
Это огромный компонент и без импорта реакта он работает, ломается когда конкретно в этом месте я меняю эту конструкцию
Потому что фрагмент начинаешь использовать
источник

IN

Igor N in React — русскоговорящее сообщество
Там реакт нужен
источник

V

Vladimir in React — русскоговорящее сообщество
Dmitry Plyaskin
а зачем тебе тогда на хуки переписывать?
потому что как сделать, то что я выше написал, на классах я знаю, а как такое повтоирть в функциональном компоненте я хз
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Vladimir
это что такое?
то что позволит тебе сделать то что ты хочешь
источник

n

nkun in React — русскоговорящее сообщество
Igor N
Там реакт нужен
Импорт реакта не решает проблему к сожалению
источник