更改 reactstrap UncontrolledCollapse 的默认行为

Question

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

Answer 1

在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