我有下一个问题,试图从功能组件调用函数,例如类组件中的 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()
或 TestShared.getNumber()
这样的函数,但是当然是未定义的。
如何在不使用 useContext
的情况下实现这一点?如果有任何可能的方法。
谢谢!
最佳答案
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();
}
关于react-native - 从功能组件 React Native 调用功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67190227/