Using codepen.io as a testbed

programming
1

I am trying to complete Chapter 4 in Learning React…

I have seen the errata and have another issue. I am only seeing plain, unformatted text in the output. I am using codepen.io as my development platform and have entered the following in the JS window. Prior to using letterStyle, the formatting was correct…what am I missing?

Thanks in advance.

class Letter extends React.Component {
render() {
let letterStyle = {
padding: 10,
margin: 10,
backgroundColor: “yellow”,
color: “green”,
display: “inline-block”,
fontSize: 32,
textAlign: “center”
};
return (


{this.props.children}

);
}
}

ReactDOM.render(


A

E

I

O

U

, document.querySelector("#container") );
2

Can you share a link to your pen? That may make debugging a bit easier!