Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 使用自定义按钮触发AntDesign（React）sider而不使用此.state_Reactjs_Antd - Fatal编程技术网
Fatal编程技术网
  • reactjs/
  • Reactjs 使用自定义按钮触发AntDesign（React）sider而不使用此.state

Reactjs 使用自定义按钮触发AntDesign（React）sider而不使用此.state

reactjs

Reactjs 使用自定义按钮触发AntDesign（React）sider而不使用此.state,reactjs,antd,Reactjs,Antd,我用的是AntD Sider。。。但我不想用侧边按钮使它弹出。我目前正在一个函数中编写这整件事，所以我不能使用antd文档示例中指定的this.state const [collapsed, setcollapsed] = useState(false); return ( <> <Sider collapsible collapsed={collapsed} onCollapse={setcollapsed} collapsedWidth={0} r

我用的是AntD Sider。。。但我不想用侧边按钮使它弹出。我目前正在一个函数中编写这整件事，所以我不能使用antd文档示例中指定的this.state

const [collapsed, setcollapsed] = useState(false);

return (
    <>
        <Sider collapsible collapsed={collapsed} onCollapse={setcollapsed} collapsedWidth={0} reverseArrow>
            <Menu>
                <Menu.Item></Menu.Item>
                <Menu.Item></Menu.Item>
                <Menu.Item></Menu.Item>
            </Menu
        </Sider

const[collapsed，setcollapsed]=useState（false）；
返回(

请尝试此onClick处理程序：


<Button shape="circle" style={styles.button} onClick={() => setcollapsed((prev) => !prev)}>
    <MenuOutlined />
</Button>



setcollapsed（（prev）=>！prev）}>


并从这里移除onCollapse


<Sider collapsible collapsed={collapsed} collapsedWidth={0} reverseArrow>
  <Menu>
    <Menu.Item></Menu.Item>
    <Menu.Item></Menu.Item>
    <Menu.Item></Menu.Item>
  </Menu
</Sider





您能链接到上述文档吗？…页面右侧有一个侧面部分

<Button shape="circle" style={styles.button} onClick={() => setcollapsed((prev) => !prev)}>
    <MenuOutlined />
</Button>



<Sider collapsible collapsed={collapsed} collapsedWidth={0} reverseArrow>
  <Menu>
    <Menu.Item></Menu.Item>
    <Menu.Item></Menu.Item>
    <Menu.Item></Menu.Item>
  </Menu
</Sider