react-admin - 如何开始折叠左侧菜单

Question

是否有一个简单的方法是从折叠的左侧菜单开始，或者我是否需要更新布局？
我想让菜单默认折叠，只有图标可见。
谢谢你。

Answer 1

如果您在说“左侧菜单”时指的是侧边栏，您可以通过打开用户 saga 来隐藏它(切换操作将继续工作):

// closeSidebarSaga.js

import {
  put,
  takeEvery,
} from 'redux-saga/effects'

import {
  REGISTER_RESOURCE, // React-admin 3.5.0 
  setSidebarVisibility,
} from 'react-admin'

function* closeSidebar(action) {
  try {
    if (action.payload) {
      yield put(setSidebarVisibility(false))
    }
  } catch (error) {
    console.log('closeSidebar:', error)
  }
}

function* closeSidebarSaga() {
  yield takeEvery(REGISTER_RESOURCE, closeSidebar) 
}

export default closeSidebarSaga

// App.js:

import closeSidebarSaga from './closeSidebarSaga'

<Admin customSagas={[ closeSidebarSaga ]} ... }>
...
</Admin>

在 react-admin 库本身中，显然是一个错误，在登录后的某个时间点，调用了操作 SET_SIDEBAR_VISIBILITY = true!