Render Different UI Based on props


#1


I need help on this problem.


2.
How rude! I mean, honestly.

In App.js, change the value of signedIn to make display a friendly greeting again.


I got the message below if I'm not remove signedIn = {false}. But I remove signedIn = {false} problem #1 didn't pass.

Oops! The test returned an error. Maybe you have a syntax error, or a typo. See full error.


var React = require('react');
var ReactDOM = require('react-dom');
var Greeting = require('./Greeting');

var App = React.createClass({
  render: function () {
    return (
      <div>
        <h1>
          Hullo and, "Welcome to The Newzz," "On Line!"
        </h1>
        <Greeting 
          name="Alison" signedIn={false} />
        <Headline />
        <article>
          Latest:  where is my phone?
        </article>
      </div>
    );
  }
});

ReactDOM.render(
  <App />, 
  document.getElementById('app')
);


#3

Finally figured this out, basically just change false to true. you don't need the < headline /> in there


#4

Thank you louisemcnutt!!!


#5

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.