Question

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

<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>

执行后，我得到：

Uncaught SyntaxError: embedded: Unexpected token

在浏览器中没有任何显示，并且错误似乎来自render函数。

Answer 1

尝试将<List>定义移到您所在的位置上方：

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

我收到了Uncaught SyntaxError：嵌入：意外的令牌

1 个答案: