freeCodeCamp/guide/chinese/certifications/front-end-libraries/react/render-conditionally-from-props/index.md

title, localeTitle

title	localeTitle
Render Conditionally from Props	从道具有条理地渲染

从道具有条理地渲染

这是一个有点棘手的挑战，但很容易。

解

使用适当的增量声明更改handleClick() 。

handleClick() { 
  this.setState({ 
    counter: this.state.counter + 1 
  }); 
 } 

在render()方法中，使用质询描述中提到的Math.random()并编写三元表达式以在Results组件中传递props 。

 let expression = Math.random() > .5; 
 
 {(expression == 1)? <Results fiftyFifty="You win!"/> : <Results fiftyFifty="You lose!"/> } 

然后在Results组件中渲染fiftyFifty道具。

  <h1> 
  { 
    this.props.fiftyFifty 
  } 
  </h1>