Javascript 在渲染内部进行反应

嗨，我试图在渲染内部使用三元条件，但我遇到一些错误，这是我的代码：

render() {
    return (
      <div>
        <div className="isoInputWrapper">
                <Input 
                  ref={email => (this.email = email)}
                  size="large"
                  placeholder="Email"
                  value={this.state.email}
                  onChange={event => {
                    this.setState({ email: event.target.value });
                  }}
                 />
              </div>

              <div className="isoInputWrapper">
                <Input 
                  type="password"
                size="large"
                placeholder="Senha"
                value={this.state.password}
                onChange={event => {
                  this.setState({ password: event.target.value });
                }}
                 />

                {this.props.signup?}

                 <Input 
                  type="password"
                size="large"
                placeholder="Senha"
                value={this.state.password}
                onChange={event => {
                  this.setState({ password: event.target.value });
                }}
                 /> 

                {: do something }

render（）{
返回(
（this.email=email）}
size=“大”
占位符=“电子邮件”
值={this.state.email}
onChange={event=>{
this.setState（{email:event.target.value}）；
}}
/>
{
this.setState（{密码：event.target.value}）；
}}
/>
{这个。道具。注册？}
{
this.setState（{密码：event.target.value}）；
}}
/> 
{：做点什么}

三元前需要打开花括号，三元结束后需要关闭花括号：

{this.props.signup？
{
this.setState（{密码：event.target.value}）；
}}
/> 
：test}

三元前需要打开花括号，三元结束后需要关闭花括号：

{this.props.signup？
{
this.setState（{密码：event.target.value}）；
}}
/> 
：test}

这是正确的语法：

    render() {
        return (
          <div>
            <div className="isoInputWrapper">
                    <Input 
                      ref={email => (this.email = email)}
                      size="large"
                      placeholder="Email"
                      value={this.state.email}
                      onChange={event => {
                        this.setState({ email: event.target.value });
                      }}
                     />
                  </div>

                  <div className="isoInputWrapper">
                    <Input 
                      type="password"
                    size="large"
                    placeholder="Senha"
                    value={this.state.password}
                    onChange={event => {
                      this.setState({ password: event.target.value });
                    }}
                     />

                    {this.props.signup
                     ? <Input 
                          type="password"
                          size="large"
                          placeholder="Senha"
                          value={this.state.password}
                          onChange={event => {
                              this.setState({ password: event.target.value });
                          }}
                       /> 

                    : <div>do something else </div>
                    }

render（）{
返回(
（this.email=email）}
size=“大”
占位符=“电子邮件”
值={this.state.email}
onChange={event=>{
this.setState（{email:event.target.value}）；
}}
/>
{
this.setState（{密码：event.target.value}）；
}}
/>
{this.props.signup
?  {
this.setState（{密码：event.target.value}）；
}}
/> 
：做点别的
}

这是正确的语法：

    render() {
        return (
          <div>
            <div className="isoInputWrapper">
                    <Input 
                      ref={email => (this.email = email)}
                      size="large"
                      placeholder="Email"
                      value={this.state.email}
                      onChange={event => {
                        this.setState({ email: event.target.value });
                      }}
                     />
                  </div>

                  <div className="isoInputWrapper">
                    <Input 
                      type="password"
                    size="large"
                    placeholder="Senha"
                    value={this.state.password}
                    onChange={event => {
                      this.setState({ password: event.target.value });
                    }}
                     />

                    {this.props.signup
                     ? <Input 
                          type="password"
                          size="large"
                          placeholder="Senha"
                          value={this.state.password}
                          onChange={event => {
                              this.setState({ password: event.target.value });
                          }}
                       /> 

                    : <div>do something else </div>
                    }

render（）{
返回(
（this.email=email）}
size=“大”
占位符=“电子邮件”
值={this.state.email}
onChange={event=>{
this.setState（{email:event.target.value}）；
}}
/>
{
this.setState（{密码：event.target.value}）；
}}
/>
{this.props.signup
?  {
this.setState（{密码：event.target.value}）；
}}
/> 
：做点别的
}

React方括号应包含有效的JavaScript表达式。

this.props.signup？

不是三元且无效

应该是：

{this.props.signup ?

     <Input 
      type="password"
    size="large"
    placeholder="Senha"
    value={this.state.password}
    onChange={event => {
      this.setState({ password: event.target.value });
    }}
     /> 

: do something}

{this.props.signup？
{
this.setState（{密码：event.target.value}）；
}}
/> 
：做点什么}

---

请注意，

do something

也应该是一个表达式。

React方括号应该包含有效的JavaScript表达式。

this.props.signup？

不是三元，并且无效

应该是：

{this.props.signup ?

     <Input 
      type="password"
    size="large"
    placeholder="Senha"
    value={this.state.password}
    onChange={event => {
      this.setState({ password: event.target.value });
    }}
     /> 

: do something}

{this.props.signup？
{
this.setState（{密码：event.target.value}）；
}}
/> 
：做点什么}

---

注意，

做某事

也应该是一个表达。

谢谢这是我的错误，我不知道为什么，但我把它放在了花括号里。这是我的错误，我不知道为什么，但我把它放在了花括号里。这是我的错误，我不知道为什么，但我把它放在了花括号里。这是我的错误，我知道我不知道为什么，但我把它放在了花括号里。这是我的错误，我不知道为什么，但我把它放在了花括号里。这是我的错误，我不知道为什么，但我把它放在了花括号里