反応成分にDjango Staticファイルを使用する

Question

以下私は私のDjangoアプリケーションで反応構造の非常に基本的な例を持っています。 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 /> 
    ) 
    } 
} 

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')) 

Answer 1

手動で静的なパスを追加したり、経由を経由するパスを送信する必要がありますJavaスクリプトタグ変数。

<script> 
var static_root = {{ STATIC_URL }} 
</script>