я взял первую статью на медиуме

`f${(~~(Math.random()*1e8)).toString(16)}`

@allexis7, вопросы не по теме — это плохо. А за пиратство можно и бан получить

Как мне получить доступ к свойствам компонента Comp передаваемые компоненту Available до объявления компонента Available и возможно ли такое вообще?

function Comp() {
 return (
   <Available manufacturer="jacket manufacturer"/>
 )
}


/////////////////////////////////////////////
const manufacturer = ?

function Avaible() {
 
 return (
   
 )
}

Как мне получить доступ к свойствам компонента Comp передаваемые компоненту Available до объявления компонента Available и возможно ли такое вообще?

function Comp() {
 return (
   <Available manufacturer="jacket manufacturer"/>
 )
}


/////////////////////////////////////////////
const manufacturer = ?

function Avaible() {
 
 return (
   
 )
}

Я получаю данные из массива через один api в компоненте Comp и хочу передать значение каждого элемента из этого массива в компонент Available чтобы сделать запрос на другой api но я использую для этого Suspense. То есть я должен передать значение до объявления компонента Available в функцию getAvailable("значение")

Потому что второй api иногда может не работать

А что ты делаешь когда он не работает?

<Suspense fallback={<h1>waiting... </h1>}>
   <Available manufacturer={jacket.manufacturer}/>
</Suspense>

А можешь, пожалуйста. дать ссылку?

Я не понимаю как работают "~~"

Как именовать методы?

handleClick
onClick
clickHandler

У меня есть модальное окно, логика по взаимодействию с ним вынесена в отдельный хук.

Есть функция открытия:

const openModal = () => {
 setModalOpen(true);
}

В нужном месте я достаю эту функцию и поставляю в onClick на кнопку.

Но следуя конвенции нейминга, методы должны отличаться от обычных функций, и именоваться например handleClick или onClickHandler.

И вот вопрос, как правильно назвать функцию открытия модального окна в самом хуке? Просто как функция, которая откроет окно - openModal, или сразу именовать как обработчик клика, т.е - handleOpenModal/onModalButtonClickHandler?

То, что функция находится в хуке, она может называться обработчиком или нет?

Если нет, то нужно заводить отдельную функцию в вызываемом месте, и уже в ней обрабатывать функцию клика?

// ../header.jsx
const { openModal } = useModal();

const handleOpenModal = () => {
 openModal();
}

В этом случае, заводится функция пустышка, которая просто вызовет нужную функцию, но зато не будет нарушена логика именования обычных функций, которые просто выполняют определенное действие в хуке. Или все таки сразу в хуке функции, которые подразумеваются как методы, можно именовать как методы?

Как именовать методы?

handleClick
onClick
clickHandler

У меня есть модальное окно, логика по взаимодействию с ним вынесена в отдельный хук.

Есть функция открытия:

const openModal = () => {
 setModalOpen(true);
}

В нужном месте я достаю эту функцию и поставляю в onClick на кнопку.

Но следуя конвенции нейминга, методы должны отличаться от обычных функций, и именоваться например handleClick или onClickHandler.

И вот вопрос, как правильно назвать функцию открытия модального окна в самом хуке? Просто как функция, которая откроет окно - openModal, или сразу именовать как обработчик клика, т.е - handleOpenModal/onModalButtonClickHandler?

То, что функция находится в хуке, она может называться обработчиком или нет?

Если нет, то нужно заводить отдельную функцию в вызываемом месте, и уже в ней обрабатывать функцию клика?

// ../header.jsx
const { openModal } = useModal();

const handleOpenModal = () => {
 openModal();
}

В этом случае, заводится функция пустышка, которая просто вызовет нужную функцию, но зато не будет нарушена логика именования обычных функций, которые просто выполняют определенное действие в хуке. Или все таки сразу в хуке функции, которые подразумеваются как методы, можно именовать как методы?