Sails + ReactJS :意外的令牌,找不到原因
Sails + ReactJS : Unexpected token, can't find why
我正在开发一个 Sails JS 应用程序,我尝试在其中使用 React。几天后,我就对 React 和 Sails 都是新手。我用一个"简单"的例子尝试了它,我有一个用户列表,我想使用 React 显示他们的列表。我在"主控制器"中有一个返回用户对象的方法"getUsers"。当我在浏览器上转到"main/getUsers"时,我得到:
{
"users": [
{
"id": 6,
"username": "User1",
"password": "sha1$e89ea270$1$5937f3d94f90280e3dc5a435bd8c8128f9d29ab2",
"mail": "test@mail.fr",
"pics": null,
"createdAt": "2016-02-29T12:58:46.000Z",
"updatedAt": "2016-02-29T12:58:46.000Z"
},
{
"id": 3,
"username": "test",
"password": "sha1$88a41992$1$f43d52da22e2082a06625063e36c4a965451094f",
"mail": "test@hotmail.fr",
"pics": null,
"createdAt": "2016-02-29T12:23:57.000Z",
"updatedAt": "2016-02-29T13:05:42.000Z"
},
(...)
]
}
我的显示代码如下:
<div id="example">test</div>
<script type="text/babel">
var User = React.createClass({
render: function () {
<p class='oneUserList col-xs-3 col-md-1'>
<img src="{this.props.pics} />
{this.props.username}
</p>
}
});
var UserList = React.createClass({
getInitialState: function () {
return {users: []};
},
componentDidMount: function () {
$.ajax({
url: "/main/getUsers/",
dataType: 'json',
cache: false
}).exec(function (response) {
this.setState({users: response.records });
}.bind(this));
},
render: function () {
var self = this;
var users = this.state.users.map(function (p) {
return <User username={p.username} pics = {p.pics} />
});
if (!users.length) {
users = <p>Loading users ..</p>;
}
return (
{users}
);
}
});
ReactDOM.render(
<UserList />,
document.getElementById("example")
);
</script>
我尝试了很多方法,但我总是有同样的错误:"语法错误:嵌入:意外令牌 (x:y)"现在它在"url:"/main/getUsers"之前的空间上,但如果在 ajax 的 a 上,那么在 url 的 r 上。等等,我真的不明白为什么
如果有人可以帮助我,谢谢
您的 JSX 语法不正确。我通过将代码复制到 https://babeljs.io/repl/中对此进行了测试。 具体而言,在User
组件中,您有:
<img src="{this.props.pics} />
您需要从该行中删除双引号。
相关文章:
- 气质的“nestRemoting()”有时可以'找不到关系
- 错误405:向Java控制器(Ajax)发送JSON时找不到POST方法
- 找不到模块捆绑包
- for循环中的javascript if语句找不到==
- 为什么JavaScript可以'找不到给定的InnerHTML并返回Cannot set property
- 失败:等待Protractor与页面同步时出错:“”;在窗口上找不到角度”;
- Babel编译错误:找不到模块核心js/library/fn/get迭代器
- [Vue warn]:找不到元素
- ngRoute找不到模板
- 未能加载,因为找不到支持的源.当播放HTML5音频元素时
- 因果报应-找不到模块:错误:无法解析模块'scs'
- Angular 2:在本地.json文件上找不到文件
- module.js在运行iron节点时找不到模块
- 放大弹出生成“;找不到文件”;YouTube视频的错误
- 我发现了一些只在移动设备上可见的垃圾邮件链接,我可以'找不到包含此垃圾邮件链接的脚本的位置
- Web 地址虚拟目录会断开外部 JavaScript 链接,因此找不到文件
- 未捕获的SyntaxError:意外的令牌-Can'我找不到看不见的性格
- 意外令牌 } 找不到错误
- Sails + ReactJS :意外的令牌,找不到原因
- 在 html 模板中找不到错误.在非法令牌中解决)