React：如何基于“ If”语句启用按钮

如何解决React：如何基于“ If”语句启用按钮

论坛页面上有一个我希望禁用的按钮，除非您以MongoDB中定义的管理员身份登录。 （在Mongo中，我有一个角色文档，对于特定用户，该文档显示为“管理员”）

将在下面提供一些代码：

constructor(props) {
    super(props);
    this.state = {
      questions: [],// used to store questions from API call
      answers: [],// used to store all answers stored in database
      filteredAnswers: [],// used to store the filtered answers for a given question
      displayAnswers: false,// used to display the answer modal or not
      disabled: true,role: null,};
  }

handleClickPostAnswer(questionID,questionText) {
    const answerInput = window.prompt(`Please enter your answer to Question ${questionID}: ${questionText}`,'Enter answer here');
    if (answerInput === null) {
      console.log('No answer posted');
      return;
    }

    else if (this.state.role == 'admin') {
      console.log('User is an Admin');
      this.setState({
        disabled: false,})
    }
    
    // ADD ACTUAL USERNAME HERE
    this.postAnswer(questionID,answerInput,'John');
    console.log(`Posted answer: ${answerInput}`);
  }

componentDidMount() {
    axios.get('/getquestions')
        .then((response) => {
          console.log(response.data);
          this.setState({questions: response.data});
        });
  }

<tbody>
            {/* within the table,take array  */}
            {this.state.questions.map((question) => {
              return (
                <tr key = {question._id}>
                  <td>{question._id}</td>
                  <td>{question.questionText}</td>
                  <td>{question.username}</td>
                  <td>{question.labels}</td>
                  <td><Button disabled={this.state.disabled} onClick={() => this.handleClickPostAnswer(question._id,question.questionText)}>Answer</Button></td>
                  <td><Button onClick={() => this.handleClickReadAnswers(question._id)}>display</Button></td>
                </tr>
              );
            })}
          </tbody>

当前，即使我以在Mongo中附加了“ admin”字段的用户身份登录，该按钮似乎一直都处于禁用状态。可能遗漏了一些简单但无法确定为什么不起作用的东西。

How it looks in MongoDB

谢谢！

解决方法

您可以检查角色并相应地禁用它。

override func viewDidLayoutSubviews() {
    YourAlertView.frame = CGRect(x:0,y: 0,width: self.view.frame.width,height: self.view.frame.height )
}
    

,

您将哪个角色设置为管理员？

,

您似乎从未在状态中设置角色，下面的代码是否曾经记录过“'用户是管理员'”似乎没有。

else if (this.state.role == 'admin') {
      console.log('User is an Admin');
      this.setState({
        disabled: false,})
    }

在状态下设置角色，应该有所帮助