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

Question

[Herberito Galustyan]

Я немного запутался с темой 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?

Comments

[Петр Мухуров]

const ClearButton = ({ onPress }) => <Button title="clear state from share Hook" onPress={() => onPress("")} />;
const NewTextButton = ({ onPress }) => <Button title="change state from share Hook" onPress={() => onPress("new text")} />;

export default function App() {
  const [text, setText] = useState("gggg");

  return (
    <View>
      <Text>{text}</Text>
      <ClearButton onPress={setText} />
      <NewTextButton onPress={setText} />
    </View>
  );
}

[Петр Мухуров]

а вообще, похоже, у вас проблема не только с React, но и с матчастью. Про область видимости слышали?

function a() {
  function b() {}
}
function c() {
  b();
}

так javascript не работает

[Петр Мухуров]

если же вы планируете пробрасывать {text} глубже, чем на один уровень, или использовать в нескольких рядом не стоящих местах, тогда есть смысл использовать useContext

[Herberito Galustyan]

Петр Мухуров, Можете написать весь ваш код в codesandbox.

[Петр Мухуров]

Herberito Galustyan, stackblitz