Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 03:50

    simonguo on master

    [docs] Bump 4.3.3 (compare)

  • Mar 28 07:06
    ortigozamatias edited #926
  • Mar 28 06:19
    ortigozamatias edited #926
  • Mar 28 06:18
    ortigozamatias opened #926
  • Mar 26 11:41
    now[bot] commented #924
  • Mar 26 11:41
    now[bot] commented #924
  • Mar 26 11:40
    LeticiaMachadoo synchronize #924
  • Mar 26 06:50
    now[bot] commented #917
  • Mar 26 06:50
    now[bot] commented #917
  • Mar 26 06:49
    hiyangguo synchronize #917
  • Mar 26 06:46
    now[bot] commented #917
  • Mar 26 06:46
    now[bot] commented #917
  • Mar 26 06:46
    hiyangguo synchronize #917
  • Mar 26 06:41
    simonguo closed #884
  • Mar 26 06:40
    simonguo closed #871
  • Mar 26 03:43
    now[bot] commented #925
  • Mar 26 03:40
    now[bot] commented #925
  • Mar 26 03:40
    now[bot] commented #925
  • Mar 26 03:39
    LeiHanCN opened #925
  • Mar 26 03:23

    simonguo on 4.3.3

    (compare)

Shane
@cheezeburger
hi im having trouble using selectpicker inside form
it says labelKey "label" is not defined in "data" : 0
the error can be seen in the example as well
Nguyễn Khánh Duy
@nguyenduy98
@cheezeburger because the key : "label" not available from obj in data, u can define it.
Shane
@cheezeburger
ok thanks!
PL Nagaraju
@PLNagaraju
Hi
dejoski
@dejoski
why is it in chinese?
DrArmaggedon
@DrArmaggedon
Hi there, is it possible to have a multi column form?
Simon Guo
@simonguo
@DrArmaggedon You can implement multi-column forms by combining with Grid.
LeiGuo-code
@LeiGuo-code
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?
Any one can help me?
Simon Guo
@simonguo
@LeiGuo-code Can you reproduce your question on codesandbox?
Muco Rolle Tresor
@muco-rolle
Hello guys thx for your hardwork I have a question I'm kind of confused between Alert and Notification component when should I use one instead of the other
Simon Guo
@simonguo
In our application, Alert is used for interactive feedback, and Notification is used for application push information.
MrLucio
@MrLucio
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
Benny
@conquera99
hi, in <Panel/> component, is there any ways to add props (className, id, etc) to panel body?
@conquera99 You can modify the body style with css rules.
.custom-class .rs-panel-body{

}
MrLucio
@MrLucio
@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.
MrLucio
@MrLucio
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
nimrod-cohen
@nimrod-cohen
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?
nimrod-cohen
@nimrod-cohen
anyone?
烟花易冷丶人亦冷
@liroski
SelectPicker 单项选择器 怎么实现 下滑加载 它自身没有滚动事件。。。。
Simon Guo
@simonguo
@liroski 这个确实没有把滚动事件暴露出来
后续会考虑进去,如果你现在必须要实现这个功能的话,可以监听 DropdownMenu 的 DOM ,来实现绑定 onScroll
烟花易冷丶人亦冷
@liroski
行 谢谢解答
nimrod-cohen
@nimrod-cohen
excellent @simonguo thank you
Simon Guo
@simonguo
@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>;
}
coopercoder
@coopercoder
column resize does not work
Simon Guo
@simonguo
Which version do you use?
InstantCrash
@InstantCrash
导入的data里json是中文,然后在浏览器显示乱码怎么办啊?
Simon Guo
@simonguo
编码问题
MrLucio
@MrLucio
@simonguo thank you! It works like a charm.
LarenDorr
@LarenDorr
对于标签选择器、多项选择器,可以考虑加一个maxCount来限制选择的数量嘛?
动态标签添加:https://rsuitejs.com/components/tag#%E5%8A%A8%E6%80%81%E6%B7%BB%E5%8A%A0%E6%A0%87%E7%AD%BE 为何不考虑封装成一个组件呢
Tarek R. Al-Awar
@tralawar
Is there a simple way to use bootstrap like utility classes like the material UI Box component from Material UI? Is there a Rsuite way without using BS4?
MrLucio
@MrLucio
img
Is it possible to use the waterline along with a Dropdown.Item using nav style subtle? In this image I had 2 different active elements on the same path and the first one inside the dropdown has plain white waterline instead of the default grey, so it works in some way
Simon Guo
@simonguo
@LarenDorr 对于 maxCount 的支持暂时组件上不支持,如果你业务中需要满足这个功能,可以通过统计已选择的值的个数,然后再结合 disabledItemValues 属性实现。
Simon Guo
@simonguo
@MrLucio I don't quite understand your problem
MrLucio
@MrLucio
@simonguo the subtle style is applied only to Nav.Items and not Dropdown.Items
Simon Guo
@simonguo
@MrLucio Understood, let's check it.
Ramki A
@kvraamkey
TagPicker --- im trying figure close tag function, but i couldn't fine. any one knew about this?
Simon Guo
@simonguo
Ramki A
@kvraamkey
@simonguo thanks for sharing this one. im tring from tagpicker. i want multiselection from dropdown at the same time i want to control that tag from tag close Icon.
Simon Guo
@simonguo
@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.
Ramki A
@kvraamkey
thanks @simonguo