我正在尝试使用reactjs创建可滑动的侧边栏。但由于某些原因,这不会发生。我写的代码如下所示;如何使用reactjs创建可滑动的侧边栏
Sidebar.js
import React, { Component } from 'react';
class Sidebar extends Component {
render() {
return (
);
}
}
export default Sidebar;
app.js
import React, { Component } from 'react';
import Sidebar from './Components/Sidebar/Sidebar'
class App extends Component {
constructor() {
super();
this.state = {
showResults: true
}
this.handleSlide = this.handleSlide.bind(this);
}
handleSlide() {
this.setState({ showResults: !this.state.showResults })
}
render() {
return (
{this.state.showResults ? : null}
{this.state.open ? 'Close' : 'Open'}
);
}
}
export default App;
此代码仅切换的状态,并通过我显示或隐藏边栏的div。但有没有可能创建一个滑动div与此。我不想使用互联网上提供的任何插件。那么有人可以帮我解决这个问题。
2017-09-05
ankur