Reactjs some "simple" issue

Question

Why it don't want to work? Maybe i am doing all wrong?
I such us imported all requare libs,but console shows me weird error Uncaught SyntaxError: Invalid regular expression: /[ÂªÂµï¿š-ï¿œ]/: Range out of order in character class at new RegExp ()

  <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/[email protected]/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>

Mayank Shukla · Accepted Answer · 2017-02-24 11:48:06Z

1

You need to add charset into header for babel:

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

edited Feb 24, 2017 at 11:48

Mayank Shukla

105k19 gold badges163 silver badges146 bronze badges

answered Feb 24, 2017 at 11:46

Roman Schejbal

6263 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Reactjs some "simple" issue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related