reactjs - 動的な背景画像:要素の後

Question

私は反応するのが初めてで、現在定義している視差効果を実装しようとしています-

<section className="section parallax backgroundImageProp"></section>

そして、CSSを使用して背景画像を提供しています-

.backgroundImageProp::after{
background-image: url('https://republic-prod.azureedge.net/republic-prod/stories/promolarge/xxhdpi/15207762165aa53418177b5.jpeg');
background-repeat: no-repeat;

}

現在、画像はハードコードされています動的にレンダリングしたいのですが、複数回試行してもレンダリングできません。以下のスタイルを使用して css を追加しています -

var backgroundImageAfter = {
  after:{backgroundImage:'url(' + image_url + ')'},
};

<section className="section parallax" style={backgroundImageAfter}>
</section>

しかし、これも役に立ちませんでした。ここで何かが欠けています。助けてください。