javascript-尝试传递JSON对象REACTJS不起作用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-尝试传递JSON对象REACTJS不起作用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1189字，纯文字阅读大概需要2分钟。

内容图文

我开始涉足ReactJS,我试图向标签传递一个JSON对象,这样我就可以在UI中显示它,但它一直在说找不到该元素.有什么帮助吗？还是为什么props对象没有JSON对象？提前致谢

var CommentBox = React.createClass({
  render: function() {
    return (
        <div className="img-container">
            <img src="{this.props.placementImage}" />
        </div>
    );
  }
});

var MP = [
    {
        id: "MP1001",
        placementImage: "https://www.aexp-static.com/intl/uk/rwd/images/UKHP_CM_promo_3.png",
        dts: "forever",
        dte: "forever",
        status: "",
        isDefault: false
    }
];

ReactDOM.render(
        <CommentBox mp={MP}/>,
        document.getElementById('content')
);

解决方法:

几件事：

>您正在传递一个数组作为mp prop,但随后尝试像对象一样访问它.
>您需要从< img>中删除引号src属性：

>您需要访问实际的mp prop

作为参考,我从您的代码中创建了一个JSBin示例,该示例解决了以下问题：http://jsbin.com/bohoqa/edit?html,js,output

var CommentBox = React.createClass({
  render: function() {
    return (
        <div className="img-container">
            <img src={this.props.mp.placementImage} />
        </div>
    );
  }
});

var MP = [
    {
        id: "MP1001",
        placementImage: "https://www.aexp-static.com/intl/uk/rwd/images/UKHP_CM_promo_3.png",
        dts: "forever",
        dte: "forever",
        status: "",
        isDefault: false
    }
];

ReactDOM.render(
        <CommentBox mp={MP[0]}/>,
        document.getElementById('content')
);

内容总结

以上是互联网集市为您收集整理的javascript-尝试传递JSON对象REACTJS不起作用全部内容，希望文章能够帮你解决javascript-尝试传递JSON对象REACTJS不起作用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---