react-native - 从功能组件 React Native 调用函数

Question

我有下一个问题，尝试从功能组件调用函数，例如shared在类组件中。我的测试代码是：

import React, { useState } from 'react'

export const TestShared = () => {
    const [number, setNumber] = useState(0)

    const increase = () => {
        return setNumber(prevValue => prevValue + 1)
    }

    const getNumber = () => {
        return number
    }
}

在另一个文件中，我导入TestShared并尝试调用类似TestShared.increase()orTestShared.getNumber()但当然未定义的函数。

我怎样才能在不使用的情况下实现这一目标useContext？如果有任何可能的方法。

谢谢！

标签： react-nativefunctionreact-functional-component

Answer 1

你可以在这里查看代码

const TestShared = () => {
 const [number, setNumber] = useState(0)

    const increase = () => {
        return setNumber(prevValue => prevValue + 1)
    }

    const getNumber = () => {
        return number
    }

    return {
        increase,
        getNumber
    };
}

export default TestShared ;

而你想要这个功能的地方就像这样导入

import React, {useEffect} from "react";

import TestShared from './Helpers/TestShared' 

function MyComponent = () => {
    const {increase, getNumber} = TestShared();
}