<PLEASE USE THIS TEMPLATE TO HELP YOU CREATE A GREAT POST!>
<Below this line, add a link to the EXACT exercise that you are stuck at.>
<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>
when I cut the ul tags out and add the ternary operator in, the entire page disappears
```var React = require(‘react’);
var ReactDOM = require(‘react-dom’);
var Contact = React.createClass({
getInitialState: function () {
return {
password: ‘swordfish’,
authorized: false
};
},
authorize: function (e) {
var password = e.target.querySelector(
‘input[type=“password”]’).value;
var auth = password == this.state.password;
this.setState({
authorized: auth
});
},
render: function () {
var login = (
);
var contactInfo = (
<ul>
<li>
client@example.com
</li>
<li>
555.555.5555
</li>
</ul>
);
return (
<div id="authorization">
<h1>
{this.state.authorized == true ? 'Contact' : 'Enter the Password'}
</h1>
{this.state.authorized == true ? {contactInfo} : {login}}
</div>
);
}
});
ReactDOM.render(
,
document.getElementById(‘app’)
);
<do not remove the three backticks above>