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

Question

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

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

1 2 3 4 5 6 7 8 9

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

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

1 2 3 4 5 6 7 8 9

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里怎么渲染