我有一个问题,因为我制作了导航栏,它是粘顶的,并且有一些下拉菜单(每个下拉菜单中都有许多按钮)。因此,如果设备的高度太小,它就会被裁剪,我可以获得较低的按钮。我需要知道如何在该导航栏上添加滚动。
此时它的工作原理如下(使用bootstrap 4.0) https://v4-alpha.getbootstrap.com/examples/navbar-top-fixed/
在 Bootstrap 3.3.7 中,它更容易,看起来像这样: https ://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/
只需将窗口的高度更改为 300px 即可看到效果。我需要帮助向粘性顶部折叠导航栏添加滚动。
我不明白一件事,为什么给我一个错误“TypeError:无法读取未定义的属性‘道具’”?
import React from 'react';
import { withRouter } from 'react-router-dom';
import * as ROUTES from '../../../constants/routes';
function Summary({ reservationData }) {
if (reservationData.participants !== "" && reservationData.city !== "" && reservationData.day !== "" && reservationData.hour !== "") {
return (
<div>Summary<br />
Participants: {reservationData.participants} <br />
City: {reservationData.city} <br />
Day: {reservationData.day} <br />
Hour: {reservationData.hour} <br />
{console.log(reservationData)}
</div>
);
} else {
{ this.props.history.push(ROUTES.RESERVATION) }
}
}
Run Code Online (Sandbox Code Playgroud)
它在 else 语句的最后一行给了我一个错误
} else {
{ this.props.history.push(ROUTES.RESERVATION) }
}
Run Code Online (Sandbox Code Playgroud)