Reactjs 一些“简单”的问题答案

【问题标题】：Reactjs some "simple" issueReactjs 一些“简单”的问题
【发布时间】：2017-02-24 11:40:13
【问题描述】：

为什么它不想工作？也许我做错了？
我这样我们导入了所有 requare 库，但控制台向我显示奇怪的错误未捕获的 SyntaxError：无效的正则表达式：/[ÂªÂµï¿š-ï¿œ]/：字符类中的范围无序在新的正则表达式（）

  <head>
    <title>More Components!</title>
    <script src="https://unpkg.com/react@15/dist/react.min.js"></script>
    <script src="https://unpkg.com/react-dom@15/dist/react-dom.min.js"></script>
   <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

    <style>
      #container {
        padding: 50px;
        background-color: #FFF;
      }
    </style>
  </head>

  <body>
    <div id="container"></div>
    <script type="text/babel">
    function Welcome(props) {
      return <h1>Hello, {props.name}</h1>;
    }

    const element = <Welcome name="Sara" />;
    ReactDOM.render(
      element,
      document.getElementById('container')
    );
    </script>
  </body>

  </html>

【问题讨论】：

标签： reactjs

【解决方案1】：

您需要将charset 添加到babel 的标头中：

<head>
  <meta charset="utf-8" />
  ...

【讨论】：