javascript - 在渲染中反应三元

Question

嗨，我尝试在渲染中使用三元条件，但出现了一些错误，这是我的代码：

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 }

标签： javascriptreactjs

Answer 1

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

{this.props.signup ?

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

                : <div>test</div> }