React with Meteorでオンラインでスタイルを適用するにはどうすればいいですか？

Question

React with Meteorでオンラインでスタイルを適用するにはどうすればよいですか？

コンテナの背景にローカルイメージを使用しますが、publicフォルダのimages/borealis.jpgに保存されたイメージを呼び出すときにコードが機能しません。

これはレンダリングしてみたが、それは動作しません、それはこれが動作するはずのコード

render() { 
     const fondoBorealis = {backgroundImage: 'images/borealis.jpg'}; 
     return(
      <div className="container-logeo-vitae"> 
      <div style={{fondoBorealis}} className="logeo-vitae"> 
       <div className="header wrap"> 
        <h1>borealis </h1> 
       </div> 
        <div className="form"> 
        <center> 
        {this.state.error ? <p>{this.state.error}</p> : undefined} 
         <form className="form-logeo-vitae" onSubmit={this.onSubmit.bind(this)}> 
          <input className="input-logeo" autoComplete="off" type="email" ref="email" placeholder="correo" /> 
          <input className="input-logeo" autoComplete="off" type="password" ref="pass" placeholder="••••••••••" /> 
          <button className="btn">login</button> 
         </form> 
        <Link to="/registro" className="link-to">crea una cuenta.</Link> 
        </center> 
        </div> 
      </div> 
      </div> 
     ); 
    } 

Answer 1

ああ、あなたはとても近いです！これは経路の問題ではなく、CSSの問題です。 CSSファイルで背景画像を使用する場合は、次のようになります。

background-image: url(/images/borealis.jpg); 

をあなたはあなただけのURLの一部を逃したように見える今持っているもので。だから、あなたがこのように変更した場合に動作します：

const fondoBorealis = {backgroundImage: 'url(/images/borealis.jpg)'}; 

をそして、あなたはどうしたらそれを使用するには、この（中括弧の1セットであなたの現在のコードでは2セットあります。）：

style={fondoBorealis} 

Answer 2

var co_img = "/images/borealis.jpg"; 
const sheshema = { 
    backgroundImage: "url(" + co_img + ")" 
} 
<div style={sheshema}> 
</div> 

と間違っている可能性があります。それを試してみてください。