bekommen Konsole log diese Funktion

Question

Ich bin wirklich neu in Web-Programmierung.

1. Ist diese Funktion React, JSX oder andere?

2. Wie bekomme ich Konsolenprotokoll von dieser Funktion? Beispielsweise können Sie untergeordnete und/oder Router-Werte für das Konsolenprotokoll ausgeben.

3. Ich würde 'prev' ausblenden, wenn die aktuelle Seite eine bestimmte Seite ist. Wie kann das gemacht werden?

Vielen Dank im Voraus.

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. Wie Zfrisch erwähnt, ist es eine Mischung. App ist eine funktionale Komponente (React), das in der Funktion zurückgegebene Zeug ist XML.

2. Die abgerundeten Klammern sind eine implizite Rückgabe. Wenn Sie es in geschweifte Klammern ändern, können Sie Dinge tun und dann zurückkehren (xmlGoeshere); Beispiel:

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

3. Es ist schwer, dies auf eine Weise zu beantworten, die ohne weitere Informationen für Sie funktioniert. Sie können entweder ein Ternärzeichen verwenden, um einen vorherigen Fehler zu erzeugen, Sie können die Funktion prev ändern oder die Darstellung des Navigators ändern, je nachdem, was Sie erreichen möchten.