React-router 帶箭頭的頁面

Question

我想用圖標（“后退”，“前進”）更改菜單頁面（在反應路由器中）......

export const ArrowNav = () => {
    const menu = useContext(menuContext);

    return <div className="lmpixels-arrows-nav">
        <NavLink to={"/about"}>
            <div className="lmpixels-arrow-right">
                <i className="lnr lnr-chevron-right"/>
            </div>
        </NavLink>

        <NavLink to="/resume">
            <div className="lmpixels-arrow-left">
                <i className="lnr lnr-chevron-left"/>
            </div>
        </NavLink>
    </div>
}

Answer 1

而不是使用 html css styles 來顯示您可能想嘗試的圖標 ZEFE90A8E604A7C840DE88D0

https://react-icons.github.io/

我特別要避免使用舊的 CSS 樣式名稱作為您嘗試做的圖標。 事實上，我更願意盡我所能避免在 React 中使用 CSS 文件。 因為 React 使用了很多 js 對象，我相信最好練習使用某種 CSS 對象：

https://www.w3schools.com/react/react_css.asp

您遇到的錯誤可能取決於您如何導入所需的 css 信息。

您可能會覺得有用的更多信息：

https://medium.com/swlh/using-react-router-navlink-to-specify-the-active-element-in-a-navigation-bar-38700ffd4900

希望對你有幫助