更改 reactstrap UncontrolledCollapse 的默认行为

Question

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

Answer 1

在reactstrap v7.0.0之前不可能有一个默认打开的不受控制的崩溃。

reactstrapv7.0.0之后的版本：

UncontrolledCollapse 现在接受道具 defaultOpen。 Source

您可以将此标志作为 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>
 );

这是 codesandbox 的 link：https://codesandbox.io/s/keen-benz-koc2f

Answer 2

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

请在此处查看 UncontrolledCollapse 的源代码 https://github.com/reactstrap/reactstrap/blob/master/src/UncontrolledCollapse.js

更改 reactstrap UncontrolledCollapse 的默认行为

change the default behavior of reactstrap UncontrolledCollapse

reactjs

reactstrap