freeCodeCamp/index.md at 3dc8f10ae8fb2ae797f8bc749c1eff45d1e77624

Files

Randell Dawson 0a1eeea424 fix(guide) Replace invalid prism code block names (#35961 )

* fix: replace sh with shell

fix replace terminal with shell

fix replace node with js

fix replace output with shell

fix replace cs with csharp

fix replace c++ with cpp

fix replace c# with csharp

fix replace javasctipt with js

fix replace syntax  with js

fix replace unix with shell

fix replace linux with shell

fix replace java 8 with java

fix replace swift4 with swift

fix replace react.js with jsx

fix replace javascriot with js

fix replace javacsript with js

fix replace c++ -  with cpp

fix: corrected various typos

fix: replace Algorithm with nothing

fix: replace xaml with xml

fix: replace solidity with nothing

fix: replace c++ with cpp

fix: replace txt with shell

fix: replace code with json and css

fix: replace console with shell

2019-05-15 19:08:19 +02:00

717 B

Raw Blame History

title

title
Render Conditionally from Props

Render Conditionally from Props

This is a bit tricky challenge but easy though.

Solution

Change handleClick() with proper increment statement.

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

In render() method use Math.random() as mentioned in the challenge description and write a ternary expression to pass props in the Results component.

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

Then render the fiftyFifty props in the Results component.

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

717 B Raw Blame History

Render Conditionally from Props

Solution

717 B

Raw Blame History