javascript - React 组件 - HTML 模板的存储位置

Question

React 的新手，试图找出如何加载组件的 HTML，而不是直接将其插入到渲染方法中。例如

import React, {Component} from 'react';

export default class Login extends Component { 

  render() {
    return (
       <!-- how can I provide a link to the HTML template for here? -->
    );
  }
}

Answer 1

React 没有 HTML。你在 render 方法中编写的 JSX 实际上被编译成 JavaScript。 React 组件的核心都是 JavaScript。样式也是内联的。 React 中的组件化非常简洁，因为 HTML、CSS、JavaScript(交互)都在一个地方，就像 JavaScript 一样。

为了插入原始 HTML，React 有一个属性 dangerouslySetInnerHTML 。

<div dangerouslySetInnerHTML={createMarkup()} />