1

是否可以在不使用状态处理程序的情况下将reactstrap UncontrolledCollapse组件的行为更改为默认打开？

4

2 回答 2

7

在reactstrapv7.0.0之前，不可能有默认打开的不受控制的折叠。

对于reactstrapv7.0.0之后的版本：

UncontrolledCollapse现在接受一个 prop defaultOpen。来源

您可以传递此标志true以使其默认保持打开状态。 

const App = () => (      
   <div className="App">
     <button id="toggler">
        Toggle
     </button>
     <UncontrolledCollapse toggler="#toggler" defaultOpen={true}>
        <Card>
            <CardBody>
              <h1>Hello CodeSandbox</h1>
              <h2>Start editing to see some magic happen!</h2>
            </CardBody>
         </Card>
      </UncontrolledCollapse>
    </div>
 );

这是代码沙盒的链接： https ://codesandbox.io/s/keen-benz-koc2f

于 2018-12-03T09:33:58.657 回答
2

您需要defaultOpen={true}在UncontrolledCollapse组件中设置属性。

请参阅UncontrolledCollapse此处的原始代码https://github.com/reactstrap/reactstrap/blob/master/src/UncontrolledCollapse.js

于 2019-07-11T09:35:46.963 回答