Javascript I'；m获取未捕获的语法错误：嵌入：意外标记

我是个新手，我尝试过写一些代码，但是我遇到了一个渲染问题，我不知道为什么。一切似乎都很好，但我不知道为什么会出错。这是我的密码：

<div id="container"></div>
<script type="text/babel">
  const names = [
    {id:1, prenom:"Hugu"},
    {id:2, prenom:"The"},
    {id:3, prenom:"Marie"},
    {id:4, prenom:"Den"},
    {id:5, prenom:"Er"},
    {id:6, prenom:"Jac"},
    {id:7, prenom:"Chris"},
    {id:8, prenom:"Sa"}
  ];

  let lst=names.map((valeur)=><List id={valeur.id} prenom={valeur.prenom}>);
  console.log(lst);
  const Family=React.createClass({
    render:function(){
      return(
        <div>
          {lst}
        </div>
      )
    }
  });

  //Formatage de l'affichage des enfants
  const List=React.createClass({
    render:function(){
      return (
        <div>
          <p>ID : {this.props.id} <br />
          Prenom : {this.props.prenom}</p>
        </div>
      )
    }
  });

  ReactDOM.render(<div><Family /></div>, document.getElementById('container'))
</script>

在浏览器中，没有显示任何内容，错误似乎来自

渲染

功能。

请尝试将

定义移到您的位置：

let lst = names.map((valeur)=><List id={valeur.id} prenom={valeur.prenom} />);

让lst=names.map（（valeur）=>）；

您需要关闭JSX标记<代码>让lst=names.map（（valeur）=>）我已经关闭了我的JSX标记，错误已更改为

react.min.js:16未捕获错误：发生了最小化的异常；使用非小型开发环境显示完整的错误消息和其他有用的警告

并且不总是渲染。您是否尝试使用非小型开发环境获得更好的错误消息？我是新手，当您谈到非小型化环境时，您对用户

react.js

文件而不是

react.min.js

有什么要求？谢谢，它是有效的。我忘记了代码是从上到下执行的，所以在创建它之前我使用了列表组件

let lst = names.map((valeur)=><List id={valeur.id} prenom={valeur.prenom} />);