下面是我的 Django 应用程序中 react 结构的一个非常基本的示例。我如何在 React 组件中引用静态文件?我试图在 react 中制作标题,并想知道是否可以从 Component 中显示图像。
Logo .jsx
import React from "react"
export default class Logo extends React.Component {
render() {
return (
<a href="{% url 'index:landing_index' %}"><img src="{% static "img/logo.png" %}"></a>
)
}
}
NavBarContainer.jsx
import React from "react"
import Logo from "../components/Logo"
export default class NavBarContainer extends React.Component {
render() {
return (
<Logo />
)
}
}
导航栏.jsx
import React from "react"
import { render } from "react-dom"
import NavBarContainer from "./containers/NavBarContainer"
class NavBar extends React.Component {
render() {
return (
<NavBarContainer />
)
}
}
render(<NavBar />, document.getElementById('navbar'))
最佳答案
您需要手动添加静态路径或通过 java 脚本标记变量发送路径。
<script>
var static_root = {{ STATIC_URL }}
</script>
关于python - 在 React 组件中使用 Django 静态文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38618226/