He estado buscando por un tiempo ahora, así que aquí estoy tratando de encontrar una solución.

He intentado muchas formas de hacerlo, [{attribute}], {attribute}... Parece que no puedo encontrar cómo combinarlo.

 const loremIpsum = (dolor) => { const attribute = "data-" + dolor; const domElement = <p [attribute]={dolor} > Result {dolor}</p>; return domElement; }; //Called : loremIpsum("foo") //Expected result : <p data-foo="foo"> Result foo </p>