Any way to change size of secondary window dynamically? about react-splitter-layout HOT 4 OPEN

For what it's worth, you can do it using their private component API by attaching a ref to the component

<SplitterLayout ref={component => { component.setState({ secondaryPaneSize: 500 }); }} />

if you want to do it dynamically, just save the ref in a useRef or something.

Obviously, it would be preferable for the package maintainer to add a first party API to do this.

from react-splitter-layout.

Would also like this!

from react-splitter-layout.

What would this look like if I was using a functional component?

from react-splitter-layout.

@ElixirMike I'm not sure what you think would be different? component in this case is the instance of the SplitterLayout component from the package, which is a class component. I came up with this example within a function component.

from react-splitter-layout.