it says labelKey "label" is not defined in "data" : 0
the error can be seen in the example as well
Hi, I have a question in SelectPicker's asynchronous code. When I tried the code: <SelectPicker
data={items}
style={{ width: 224 }}
onOpen={this.handleUpdate}
onSearch={this.handleUpdate}
renderMenu={menu => {
if (items.length === 0) {
return (
<p style={{ padding: 4, color: '#999', textAlign: 'center' }}>
<Icon icon="spinner" spin /> 加载中...
</p>
);
}
return menu;
}}
/> there is error: Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Could you help with this issues?
if (items.length === 0) {
return (
<p style={{ padding: 4, color: '#999', textAlign: 'center' }}>
<Icon icon="spinner" spin /> 加载中...
</p>
);
}
return menu;
}}
/> there is error: Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Could you help with this issues?
Any one can help me?
Hi. I'm trying to create a sidenav like this but it keeps fitting the height to the minimum possible and doesn't adapt to the full height of the page
@MrLucio Reference example: https://rsuite.github.io/react-frame/
https://github.com/rsuite/react-frame/blob/master/src/FrameNav.js
https://github.com/rsuite/react-frame/blob/master/src/FrameNav.js
@conquera99 You can modify the
body style with css rules..custom-class .rs-panel-body{
}
@simonguo Thanks for the reply, it works fine now!
I'm having another issue related to Nav.Item component and using NavLink from react-router-dom as componentClass like in your rsuite-management example. Whenever I press on the link the activeClassName gets applied only to the <a> itself and not on the parent <li> which is responsible for the styling of the current active element.
I'm having another issue related to Nav.Item component and using NavLink from react-router-dom as componentClass like in your rsuite-management example. Whenever I press on the link the activeClassName gets applied only to the <a> itself and not on the parent <li> which is responsible for the styling of the current active element.
this is an example where the second link is currently selected and the class is then "activated" but not on the parent, while the first link is still active as nothing happened
Hi, there's an issue with CloudFlare at the moment, and the rsuite-icon-font.woff/ttf are not available. I want to use a local font instead of relying on the CDN. does anyone know how I could do that?
后续会考虑进去，如果你现在必须要实现这个功能的话，可以监听 DropdownMenu 的 DOM ,来实现绑定 onScroll
@MrLucio
import React from 'react';
import { Nav } from 'rsuite';
import { HashRouter as Router, Switch, Route, NavLink, useLocation } from 'react-router-dom';
const NavItemLink = React.forwardRef((props, ref) => {
const location = useLocation();
return (
<Nav.Item
{...props}
ref={ref}
active={props.to === location.pathname}
componentClass={NavLink}
/>
);
});
export default function App() {
return (
<Router>
<div>
<Nav>
<NavItemLink to="/">Home</NavItemLink>
<NavItemLink to="/about">About</NavItemLink>
<NavItemLink to="/users">Users</NavItemLink>
</Nav>
<Switch>
<Route path="/about">
<About />
</Route>
<Route path="/users">
<Users />
</Route>
<Route path="/">
<Home />
</Route>
</Switch>
</div>
</Router>
);
}
function Home() {
return <h2>Home</h2>;
}
function About() {
return <h2>About</h2>;
}
function Users() {
return <h2>Users</h2>;
}
@kvraamkey The current component does not support it, but I will consider supporting it in a later version. If you want to listen for a change in value, you can control the value in a controlled way through the onChange callback function. If you just don't want the close icon, you can only override it with CSS styles at present.