спс

который раз чатом ошибаешься?

а че, разве плох tdd?

function CustomTextInput(props) {
  const textInput = useRef(null);

  function handleClick = () => textInput.current.focus();

  return (
    <div>
      <input type="text" ref={textInput} />
      <input type="button" value="Фокус на поле для ввода текста" onClick={handleClick} />
    </div>
 )}

Везде приводится такой пример, и наверное он работает, вот только если тот же handleClick нужно вызывать в useEffect() или по клику на элементе выше по структуре, чем присвоение ref, textInput будет null. Объясните, как это разрешить?

function CustomTextInput(props) {
  const textInput = useRef(null);

  function handleClick = () => textInput.current.focus();

  return (
    <div>
      <input type="text" ref={textInput} />
      <input type="button" value="Фокус на поле для ввода текста" onClick={handleClick} />
    </div>
 )}

Разобраться в js для начала

Ребята, приветствую ) возникла одна проблема. не понимаю как ее решить.  в проекте есть несколько связанных между собой страниц. есть страница поиска и при клике на иллюстранцию попадаем на страницу иллюстрации. используется react-router для роутинга и axios для отправки запросов. суть проблемы в том, что на внутренней страницы отправляются запросы, которые я сделал на странице поиска . т.е. почему запросы с одной странице вызываются и на другой странице . не могу этого понять. подскажите пожалуйста в каком направлении искать проблему ? на странице иллюстрации сейчас в принципе нет запросов ,  но они отправляются. заранее спасибо.

Есть компонент <Header /> который в качестве необязательного параметра принимает компонент.

Я передаю компонент через условие

<Header
 left={isSmall && <Component />}
/>

Как правильно завалидировать проп left?

Я пробовал так:

Header.propTypes = {
 left: PropTypes.oneOf([
   false,
   PropTypes.element
 ])
}

Но выдает ошибку: Failed prop type: Invalid prop left of value [object Object] supplied to Header, expected one of [null,false]

Код будет?

Failed prop type: Invalid prop left of value [object Object] supplied to Header, expected one of [null,null].

момент. подумаю как это лучше сделать

oneOfType

Всем доброго вечера, делаю роутинг и возник вопрос как же все таки лучше делать, оборачивать компонент в  ProtectedRouter компонент или достаточно будет и того что я сделал?

спасибо

результат вроде как одинаковый, но мб я чего то незнаю

1. Если нет опыта то поначалу лучше делать используя отработаные подходы
2. То что вы создали - это не кастомный хук а компонент

так в этом и вопрос, какие они отработанные подходы

и 2 нет это именно хук, так как хук это фнкция

Я вопрос не задавал, а дал вам ответ.