Question

当我在我的HTML页面中使用平均代码时，首先和最大的排除任何文件位置问题它正确加载但当我在我的反应类中返回它时我得到这个图像哪个Stakcover流不会让我发布由于缺少10点什么。但它只是一个空白的窗口图像

所以这个错误与文件位置问题无关我可以让它只显示在我的HTML页面内而不是JSX文件中。我的JSX文件的代码如下

var Quiz = React.createClass({
    render: function () {
        return(
            <div>
                <img src="~/Images/SHADOW LOGO.png" />
            </div>
        )
        React.render(<Quiz/>, document.getElementById('container'));
    }
}

同样是的，我确实确保我的HTML id中的id确实=容器任何答案，为什么它只显示我放置通过HTML页面而不是反应JSX文件。此外，我的测验类返回其他元素和组件只是很好的一些文本框和按钮，它只有图像我有问题。

Answer 1

别忘了花括号:) JSX语法

<img src={"your/image/path"} />

好读http://facebook.github.io/react/docs/jsx-in-depth.html#attribute-expressions

JSX文件只会在HTML页面中加载图像才会加载

1 个答案: