Как я могу обновить статус ловушки в другом компоненте? А также использовать функцию внутри него?

Я немного запутался с темой React и Hooks. Существует не так много сложных примеров того, как использовать его между компонентами, и, возможно, у вас неправильное представление.

У меня есть мой основной компонент:

import shareHookComponent from './src/components/shareHookComponent';
export default function App() {
  return (
    <View>
      <Text>{shareHookComponent()} </Text>
      <Button onPress={'Here i want clear text'} title="clear state from share Hook" />
      <Button onPress={'Here i want change text'} title="change state from share Hook" />
    </View>
  );
}

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

export default function shareHookComponent() {
  const [shareHookState, setShareHookState] = useState('gggg');
  useEffect(() => {
    setShareHookState('new text');
  });
  return shareHookState;
}
function cleatTextSharedHook() {
  setShareHookState('new text');
}

Итак, во-первых, я не знаю, как обновить текст в первой кнопке.

И второе, как я могу вызвать функцию внутри компонента Hook cleatTextSharedHook?
Это как-то связано useContext?
  • Вопрос задан
  • 56 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Enapter Санкт-Петербург
от 180 000 до 240 000 руб.
АгроМон Москва
от 120 000 до 160 000 руб.
21 авг. 2019, в 13:40
25000 руб./за проект
21 авг. 2019, в 13:15
500 руб./за проект