如何从 React 功能组件返回数据

Question

我想以字符串形式返回数据，JSON object 或 integer，或 JSX 组件以外的任何其他数据，但不违反 Hooks 规则。 有没有办法在 React 中做到这一点？

我需要 go，因为我需要访问 React Hooks。

import {} from 'react-native';

import React, {useEffect} from 'react';

export function revGetUserEntities({revCallbackFunction}) {
  let myData;

  useEffect(() => {
    // Set myData here, or do something with it before returning;
  }, []);

  return myData;
}

谢谢大家。

Answer 1

创建自定义挂钩一种常见的做法是在 function 的名称之前使用单词 use 我建议将 function 重命名为 useRevGetUserEntities

import {} from 'react-native';
    
    import React, {useEffect} from 'react';
    
    export function useRevGetUserEntities({revCallbackFunction}) {
     // let myDate; this will be undefined on rerender. use state
const [myDate,SetMyDate] =React.useState(null);

    
      useEffect(() => {
        // Set myData here, or do something with it before returning;
SetMyDate(your value)
      }, []);
    
      return [myData];
    }

现在您可以在任何其他 function 中重复使用它而不会丢失 state 或重新渲染时的值注意您还可以在钩子中传递回调 function

const [myData] = useRevGetUserEntities((callbackValue)=>{
// revCallbackFunction from useRevGetUserEntities function will be 
})

编辑您还可以观察父级中的 myData 更改观察更改这将在此处输入代码一旦父级中的 myData 值发生更改就会触发 function

React.useEffect(()=>{
if(myData !== null){

}
},[myData]