4
下面我在我的Django应用程序中有一个非常基本的反应结构示例。我将如何引用React组件中的静态文件?我试图做出反应的头,并想知道是否有可能从组件内显示图像。在React组件中使用Django静态文件
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 />
)
}
}
NavBar.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'))