我正在嘗試使用reactjs創建可滑動的側邊欄。但由于某些原因，這不會發生。我寫的代碼如下所示;如何使用reactjs創建可滑動的側邊欄

Sidebar.js

import React, { Component } from 'react';

class Sidebar extends Component {

render() {

return (

• Start Bootstrap

• Dashboard

• Shortcuts

• Overview

• Events

• About

• Services

• Contact

);

}

}

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

總結

以上是生活随笔為你收集整理的antd 左右滑动_如何使用reactjs创建可滑动的侧边栏的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。