React Native 中自定义组件的简写？

Question

我最近了解到您可以制作这样的自定义组件：

const CustomComp=()=>{
 console.log('Created custom comp');
 return(<View></View>);
}

export default function App(){
 return(<View style={{flex:1}}>
  <CustomComp />
 </View>)
}

但是有可能用速记来做吗？

export default function App(){
 return(<View style={{flex:1}}>
  <(()=>{
     console.log('Created custom comp');
     return(<View></View>);
    }) />
 </View>)
}

这不准确，但我想你对我的查询有了大致的了解

Answer 1

您可以使用 IIFE 就地评估函数：

export default function App(){
 return(<View style={{flex:1}}>
  {(() => {
     console.log('Created custom comp');
     return(<View></View>);
  })()}
 </View>)
}