JSX 文件不会仅在 HTML 页面中加载图像

Question

当我在我的 HTML 页面中使用平均代码时，首先要排除任何文件位置问题，它会正确加载，但是当我在我的反应类中返回它时，我会得到这个图像，堆栈溢出不会让我发布由于缺少 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 确实 =container 关于为什么它仅在我输入时才显示的任何答案 通过 HTML 页面而不是 react JSX 文件。此外，我的测验类正在返回其他元素和组件，一些文本框和按钮很好，只有我遇到问题的图像。

Answer 1

不要忘记花括号 :) JSX 语法

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

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