import React , { useEffect } from 'react' ; import { useDispatch } from 'react-redux' ; import { Row , Col } from 'antd' ; jsx import { css , jsx } from '@emotion/core' ; import { Dispatch } from 'store' ; import ReleasedStepList from './ReleasedStepList' ; import ArticleStepList from './ArticleStepList' ; function Toc ( ) { const dispatch = useDispatch ( ) ; useEffect ( ( ) => { dispatch . toc . fetchToc ( ) ; } , [ dispatch ] ) ; return ( < div css = { css `
        width: 1040px;
        margin: auto;
      ` } > < Row > < Col span = { 8 } css = { css `
            box-sizing: border-box;
            padding-left: 12px;
            padding-right: 12px;
          ` } > < ReleasedStepList /> < /Col> < Col span = { 16 } css = { css `
            box-sizing: border-box;

            padding-left: 12px;
            padding-right: 12px;
          ` } > < ArticleStepList /> < /Col> < /Row> < /div>); } export default Toc ;