{this.props.redirectTo?<Redirect to={this.props.redirectTo} />:null} 为什么要写在return里

Question

{this.props.redirectTo?<Redirect to={this.props.redirectTo} />:null}

请问老师 这句代码为什么是这样写

  render() {
    return (
      <div>
        {this.props.redirectTo?<Redirect to={this.props.redirectTo} />:null}
        <Logo></Logo>
        <h2>注册页面</h2>
        <WingBlank>
          <List>
          ......

但是以下这样写就没有效果呢？

render() {
    this.props.redirectTo?<Redirect to={this.props.redirectTo} />:null
    return (
      <div>
        <Logo></Logo>
        <h2>注册页面</h2>
        <WingBlank>
          <List>
          ......

Answer 1

慕瓜8449030 2018-01-04 20:02:39

你好 因为这里面是涉及到js的语法 所以要放在花括号里面

• 提问者 Oops___ #1

  老师，我之前提问的方式不太对，我把问题改了以下，您重新看一下好吗？

• 黄大山9196 回复 提问者 Oops___ #2

  写在return里，是因为return什么就渲染什么，不写在return里怎么渲染