我不知道爲什麼我的內聯css不能在這裏工作。你可以在<div className="navbar-nav" style={background-color: red}>
上看到它。任何幫助將不勝感激。提前致謝。React中的內聯樣式CSS不起作用
全碼
import React from 'react';
import {
BrowserRouter,
Route,
Link
} from 'react-router-dom';
const HeaderWrapper =() => (
<div>
<nav className="navbar navbar-expand-lg navbar-dark bg-dark">
<button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span className="navbar-toggler-icon"></span>
</button>
<div className="collapse navbar-collapse" id="navbarNavAltMarkup">
<div className="navbar-nav" style={background-color: red}>
<Link className="nav-item nav-link active" to="/">Home <span className="sr-only">(current)</span></Link>
<Link className="nav-item nav-link" to="/about">About Us</Link>
<Link className="nav-item nav-link" to="/">Whats New</Link>
<Link className="nav-item nav-link" to="/">Designers</Link>
<Link className="nav-item nav-link" to="/">Clothing</Link>
<Link className="nav-item nav-link" to="/">Accessories</Link>
<Link className="nav-item nav-link" to="/">How it Works</Link>
<Link className="nav-item nav-link" to="/">Magazine</Link>
</div>
</div>
</nav>
</div>
)
export default HeaderWrapper
@MayankShukla。我還用的WebPack。也許它有點不同? – Rido
不行,內聯樣式不會依賴於webpack,使用這個:'style = {{backgroundColor:'red'}}'它會工作,注意紅色會在''''(字符串)中。 –
@MayankShukla ..謝謝。這是工作。我應該關閉這個問題還是刪除它,因爲它是重複的? – Rido