反应如何在一个元素中内联样式不同的对象

Question

在React中，我试图仅将样式应用于像h1这样的元素内的一个对象，这是一个示例

printf '%s\n' "${fileArray[@]::${#fileArray[@]}/2}"

我想做的是将样式仅应用于timeOfDay，所以我怎么能做到呢？我尝试了不同的方法，但是所有这些都归结为style = {}，影响了整个不需要的元素。预先感谢

Answer 1

在span周围添加timeOfDay，然后将样式传递给它

 <div>
      <h1 className="navbar"><span style={styles}>{timeOfDay}</span> {`${firstName} ${lastName}`} It is currently {hours} clock</h1>
</div>