获取控制台记录此功能

时间:2017-07-17 23:28:47

标签: javascript reactjs jsx

我是网络编程的新手。

  1. 这个函数是React,JSX还是其他?

  2. 如何从此功能获取控制台日志?例如,将子项和/或路由器值打印到控制台日志。

  3. 当当前页面是特定页面时,我想隐藏'prev'。如何才能做到这一点?

  4. 提前致谢。

    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>
    )

1 个答案:

答案 0 :(得分:0)

  1. 正如Zfrisch所说,这是一个混合体。 App是一个功能组件(React),函数中返回的东西是XML。
  2. 圆括号是隐式返回。如果你把它改成大括号,你可以做东西然后返回(xmlGoeshere);例如:

    const App = ({children, router}) => {
        console.log("hello world");
        return (
            <div className="App">
            etc...
        );
    };
    
  3. 很难以一种无法获得更多信息的方式回答这个问题。您可以使用三元制作prev falsy,也可以更改prev函数,或根据您想要实现的内容修改导航器的渲染。