jsx入门

sublime-text配置

1，安装babel-sublime
https://github.com//babel/babel-sublime

2.使用crtl+e生成标签
文档
1.JSX 中嵌入表达式
在jsx中使用 花括号 把任意的 JavaScript 表达式 嵌入到 JSX 中。
例如，2 + 2， user.firstName， 和 formatName(user)，这些都是可用的表达式。

import React from "react";
import { render } from "react-dom";
import Hello from "./Hello";

function formatName(user) {
  return user.firstName + ' ' + user.lastName;
}

const user = {
  firstName: 'Harper',
  lastName: 'Perez'
};
//为便于阅读，我们将 JSX 分割成多行。我们推荐使用括号将 JSX 包裹起来，虽然这不是必须的，但这样做可以避免分号自动插入的陷阱。
const element = (
  <h1>
    Hello, {formatName(user)}!
  </h1>
);

render(
  element,
  document.getElementById('root')
);

警告：

比起 HTML ， JSX 更接近于 JavaScript ， 所以 React DOM 使用驼峰(camelCase)属性命名约定, 而不是HTML属性名称。

例如，class 在JSX中变为className，tabindex 变为 tabIndex。

react防止xss注入的

<div dangerouslySetInnerHTML={
                        {__html:data.connect}
                    }>