在reactJS中设置背景

我是ReactJs的新手，对于很多人来说我的问题似乎很愚蠢，但是我在设置背景时遇到了问题。我的React代码是：

<header className="masthead ttt">
          <div className="overlay"></div>
          <div className="container">
            <div className="row">
              <div className="col-lg-8 col-md-10 mx-auto">
                <div className="site-heading">
                  <h1>Blog Name</h1>
                  <span className="subheading">blablablablabla</span>
                </div>
              </div>
            </div>
          </div>
        </header> 

所以基本上我想将图像设置为标题中的背景，所以我创建了一个.ttt类，并将其修改为css：

.ttt{
  background-image: url("../img/home-bg.jpg");
}

最后是文件夹的设置方式：

我的代码有错吗？或者在ReactJS中还有另一种处理方式！谢谢！