渲染没有返回任何内容，但无法修复

Question

我不知道我在这个函数中做错了什么，我以为我有一个回报，但我认为它没有被考虑，当我改变右括号或括号时，它显示一个错误：/ 有人可以帮我吗？

function PopSheet() {
      
      let popupRef = React.createRef()
      const sheet =() => {
       
       
        const onShowPopup =()=> {
          popupRef.show()
        }
        const onClosePopup =()=> {
          popupRef.close()
        }
       
        return (
        <SafeAreaView style ={styles.container}>
          <TouchableWithoutFeedback onPress={onShowPopup}>
  
          </TouchableWithoutFeedback>
        <BottomPopup 
        title="Demo Popup"
        ref ={(target) => popupRef =target}/>
        onTouchOutside={onClosePopup}
       </SafeAreaView>
       
        
       );
        }
      };
 

Answer 1

您需要使用 render 函数，该函数负责将 JSX 元素呈现或显示到您的应用中。

render() {
    return (
      <SafeAreaView style={styles.container}>
        <TouchableWithoutFeedback
          onPress={onShowPopup}></TouchableWithoutFeedback>
        <BottomPopup title="Demo Popup" ref={target => (popupRef = target)} />
        onTouchOutside={onClosePopup}
      </SafeAreaView>
    );
  }