JSX语法解析变量中的换行符实现换行它是一种JavaScript语法扩展，在React中可以方便地用来描述UI。本质上

1、JSX是什么

JSX是一种像下面这样的语法：

const element = <h1>Hello, world!</h1>;

它是一种JavaScript语法扩展，在React中可以方便地用来描述UI。

本质上，JSX为我们提供了创建React元素方法（React.createElement(component, props, ...children)）的语法糖（syntactic sugar）。上面的代码实质上等价于：

var element = React.createElement(
  "h1",
  null,
  "Hello, world!"
);

2、JSX代表JS对象

function createMarkup() {
  return {__html: 'First \n Second'};
}
 
function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()} />;
}

更多请查看来源链接

来源链接：blog.csdn.net/ZYC88888/ar…