freeCodeCamp/guide/russian/certifications/front-end-libraries/react/render-conditionally-from-p.../index.md

1018 B
Raw Blame History

title localeTitle
Render Conditionally from Props Отказывать условно от реквизита

Отказывать условно от реквизита

Это немного сложно, но легко.

Решение

Измените handleClick() с правильной инструкцией по увеличению.

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

В методе render() используйте Math.random() как указано в описании задачи, и напишите тернарное выражение, чтобы передать props в компоненте Results .

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

Затем fiftyFifty реквизит в компоненте Results.

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