trunk/pc4public/portal/_rc/_rc-menu-7.0.3/examples/scrollable.js

23 lines
517 B
JavaScript
Raw Normal View History

2023-12-05 15:40:33 +08:00
/* eslint no-console:0 */
import React from 'react';
import ReactDOM from 'react-dom';
import Menu, { Item as MenuItem } from 'rc-menu';
import 'rc-menu/assets/index.less';
const children = [];
for (let i = 0; i < 20; i++) {
children.push(<MenuItem key={String(i)}>{i}</MenuItem>);
}
const menuStyle = {
width: 200,
height: 200,
overflow: 'auto',
};
ReactDOM.render(<div>
<h2>keyboard scrollable menu</h2>
<Menu style={menuStyle}>{children}</Menu>
</div>, document.getElementById('__react-content'));