react-native - 我如何打破钩子规则？

Question

export default function PreferVar(){
const [prefer,setPrefer]=useState({})
useEffect(()=>{
fire.database().ref().child('/users/preference').once("value",(snapshot)=>{
    const item=snapshot.val()
    setPrefer(item)
  }
  );},[])
return(prefer)
}

错误消息 Uncaught Invariant Violation: Invalid hook call。钩子只能在函数组件的主体内部调用。我在哪里，我到底违反了哪条规则？

标签： react-native