React learning component 2,

React learning component 2,

One of the biggest features of React is its componentized development model. Let's give it a try today:

<! DOCTYPE html> Create two component headers and Footer. Common website headers and bottoms (where I copied my blog directly) to see the results:

There are several issues with the JSX Syntax:

1. Add a css class. <div class = "footer"> it has no effect and is not familiar with rendering. The correct one is <div className = "footer">

2. when you add a style, <div style = "color: red"> An error is reported directly. JSX syntax does not support this. The correct syntax is <div style = {color: 'red' }}>

3. Create a component: the render method of React. createClass can only return one encapsulated node. If multiple nodes exist, an error is returned. For example, return

4. jsx won't be written. It doesn't matter. Use jsx compiler to directly translate html.