javascript - 在使用 React 渲染之前初始化数据

Question

我是 React Native 的初学者。在我的项目中，我需要在渲染之前设置数据并返回数据。

可以帮我？谢谢。

async function ReadData() {
   var RNFS = require('react-native-fs');
try {
if (await RNFS.exists(RNFS.DocumentDirectoryPath + '/logindata.json')) {
  var path = RNFS.DocumentDirectoryPath + '/logindata.json';
  var Status = await RNFS.readFile(path, 'utf8')
  var login = JSON.parse(Status)
  if (login.is_login == true) {
    return true
  } else {
    return false
  }
 } else {
  return false
 }
} catch{
 return false
}
}
const App = () => {
useEffect( () => {
var Login=ReadData()    
SetDirection();
SplashScreen.hide();
console.log(Login)
}, []);

Answer 1

这不是它与 React 一起工作的方式。 React 将立即呈现您的 UI，并在加载或更新数据时自动更新。

但是，您可以在数据加载完成后隐藏启动画面。 App 可以向 ReadData 传递回调，ReadData 会在数据准备好时调用此回调，然后 App 可以隐藏启动画面。

应用

useEffect( () => {
  const Login=ReadData(onDataReady)
  ...

onDataReady = () => {
  SplashScreen.hide();
  ....
}