我正在嘗試使用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