个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
我试图在点击按钮时打开react sideNav栏。我指的是这些文章来做到这一点:
https://github.com/gauravchl/react-simple-sidenav
https://www.npmjs.com/package/react-simple-sidenav
https://gauravchl.github.io/react-simple-sidenav/demo/
我已经正确地实现了它，但我仍然坚持在单击 button 时打开 sideNav。
<div>
<MenuIcon onClick={() => this.setState({showNav: true})}/>
<SideNav
title="Simple Sidenav"
items={['Item 1', 'Item 2']}
openFromRight="true"
showNav = {this.state.showNav}
/>
</div>
如果我给 showNav = 'true' ，sideNav 在页面打开时默认打开。如果我给 showNav = {this.state.showNav} 我得到一个错误:
Warning: validateDOMNesting(...): <html> cannot appear as a child of <div>. See div > App > html.
printWarning @ bundle.js:11845
bundle.js:35792 Uncaught TypeError: Cannot read property 'showNav' of null
at Notification.render (bundle.js:35792)
at bundle.js:26635
at measureLifeCyclePerf (bundle.js:25914)
at ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext (bundle.js:26634)
at ReactCompositeComponentWrapper._renderValidatedComponent (bundle.js:26661)
at ReactCompositeComponentWrapper.performInitialMount (bundle.js:26201)
at ReactCompositeComponentWrapper.mountComponent (bundle.js:26097)
at Object.mountComponent (bundle.js:18478)
at ReactDOMComponent.mountChildren (bundle.js:25215)
at ReactDOMComponent._createInitialChildren (bundle.js:22220)
最佳答案
检查了github链接，在描述中他们没有定义showNav变量的初始状态，你需要在你的组件中添加这部分，来定义它将起作用的初始值:
getInitialState : function() {
return {
showNav: false,
};
},
如果你查看元素文件demo/src/layout.js，定义了showNav，在描述中他们没有写一个工作代码，主要集中在如何使用示例代码 SideNav。
更新:
import react from 'react';
import SideNav, {MenuIcon} from 'react-simple-sidenav';
React.createClass({
getInitialState : function() {
return {
showNav: false,
};
},
render() {
.....
}
})
关于html - 点击打开reactjs sideNav，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42524791/
24
4
0
我正在尝试从 Android 连接到本地主机中的 Apache Vysper XMPP 服务器。我正在使用 Smack执行 XMPP 操作的框架: AbstractXMPPConnection con
我不断收到相同的错误消息。起初我认为这是超时问题，所以我设置了 .setPacketReplyTimeout(15000); 仍然只是碰巧等待更长时间然后显示相同的错误消息。在更深入的发现中，我发现这
我正在尝试使用 asmack(Android Gingerbread)连接到 google talk。我已经设置了 connectionConfig.setTruststoreType("BKS")
我正在开发一对一聊天，但我面临服务器需要 SSL/TLS 但在客户端禁用的问题，不知道我做错了什么，请帮我找出错误 我的服务等级: class ChatService:Service() {
我是一名优秀的程序员,十分优秀！