獲取控制檯日誌功能

Question

我對網絡編程確實很陌生。

1. 這個函數是React，JSX還是其他？

2. 如何從此函數獲取控制檯日誌？例如，打印出兒童和/或路由器值到控制檯日誌。

3. 當前頁面是特定頁面時，我想隱藏'prev'。如何才能做到這一點？

在此先感謝。

const App = ({children, router}) => (
 
<div className="App"> 
 
    <Stepper/> 
 

 
    <div className='App-main'> 
 
     <Row gutter={40}> 
 
     <Col span={20}> 
 
      { children } 
 
     </Col> 
 
     <Col span={4}> 
 
      <Navigator 
 
      label={label(router.location.pathname)} 
 
      action={action(router, router.location.pathname)} 
 
      prev={prev(router.location.pathname)} 
 
      /> 
 
     </Col> 
 
     </Row> 
 
    </div> 
 
    </div> 
 
)

Answer 1

1. 作爲Zfrisch提到的，它是一個組合。 App是一個功能組件（React），函數返回的內容是XML。

2. 圓括號是隱式返回。如果你把它改成花括號，你可以做東西然後返回（xmlGoeshere）;例如：

   const App = ({children, router}) => { 
       console.log("hello world"); 
       return (
        <div className="App"> 
        etc... 
       ); 
   }; 
   

3. 很難用沒有更多信息的方式回答這個問題。你可以使用三元組來預先僞造，你可以改變prev函數，或者根據你想要達到的目的來修改導航器的渲染。