创建 Native Bridge React Native 后无法访问 NativeModules 外部的状态
Cannot access state outside NativeModules after creating Native Bridge React Native
在使用本机 android 创建桥接后,我试图访问从 NativeModule 收到的结果之外的状态。数据在 console.log 中显示,但无法在外部访问。
NativeModules["GetapplistModule"].getNonSystemApps(res => {
var pairs = [];
for(var key in res){
var obj = JSON.parse(res[key]);
pairs.push(obj);
}
const [AppData] = React.useState(pairs);
});
type AppProps = React.ComponentProps<typeof AppProps>;
export const notificationTweets: Array<AppProps> = {AppData};
我用useEffect
解决了
如果您遇到同样的问题,请将您的函数包装在 useEffect 中并在范围内分配状态,就像这样。
const [AppData, setApps] = React.useState([]);
React.useEffect(() => {
NativeModules["GetapplistModule"].getNonSystemApps(res => {
var pairs = [];
for(var key in res){
var obj = JSON.parse(res[key]);
pairs.push(obj);
}
setApps(pairs);
});
type AppProps = React.ComponentProps<typeof AppProps>;
export const notificationTweets: Array<AppProps> = {AppData};
}, []);
现在,您可以在任何地方访问状态,例如
console.log(AppData);
希望对遇到同样问题的人有所帮助。
在使用本机 android 创建桥接后,我试图访问从 NativeModule 收到的结果之外的状态。数据在 console.log 中显示,但无法在外部访问。
NativeModules["GetapplistModule"].getNonSystemApps(res => {
var pairs = [];
for(var key in res){
var obj = JSON.parse(res[key]);
pairs.push(obj);
}
const [AppData] = React.useState(pairs);
});
type AppProps = React.ComponentProps<typeof AppProps>;
export const notificationTweets: Array<AppProps> = {AppData};
我用useEffect
如果您遇到同样的问题,请将您的函数包装在 useEffect 中并在范围内分配状态,就像这样。
const [AppData, setApps] = React.useState([]);
React.useEffect(() => {
NativeModules["GetapplistModule"].getNonSystemApps(res => {
var pairs = [];
for(var key in res){
var obj = JSON.parse(res[key]);
pairs.push(obj);
}
setApps(pairs);
});
type AppProps = React.ComponentProps<typeof AppProps>;
export const notificationTweets: Array<AppProps> = {AppData};
}, []);
现在,您可以在任何地方访问状态,例如
console.log(AppData);
希望对遇到同样问题的人有所帮助。