I want to add parameters in div element with React

Question

I want to add parameters in div element with React.

This code not working:

function Slider() {

  const bg1 =' data-background="images/slider/slider1.jpg"';

  return (<>

    <div className="slider-area over-hidden" {bg1}></div>

    );
}

Answer 1

I create an object with the parameter.

const bg1 = {
    "data-background": "image/slider/slider1.jpg"
}

<div className="slider-area over-hidden" {...bg1}></div>