دارم سعی می‌کنم به یه تصویر استاتیک دسترسی پیدا کنم تا ازش توی خاصیت backgroundImage این‌لاین توی React استفاده کنم. متأسفانه، نتونستم راهش رو پیدا کنم.

فکر می‌کردم که اینجوری انجام میشه:

import Background from '../images/background_image.png';

var sectionStyle = {
  width: "100%",
  height: "400px",
  backgroundImage: "url(" + { Background } + ")"
};

class Section extends Component {
  render() {
    return (
      <section style={ sectionStyle }>
      </section>
    );
  }
}

این برای تگ‌های <img> کار می‌کنه. کسی می‌تونه تفاوت بین این دو رو توضیح بده؟

مثال:

<img src={ Background } /> خوب کار می‌کنه.