React place children under an other node

Date: 2020-06-30
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
interface PageWrapperProps {
pageHeaderTitle?: string;
children: [ReactNode, ReactNode];
}
export class PageWrapper extends BaseComponent<PageWrapperProps> {
render() {
return (<div className={`page-wrapper ${this.props.pageHeaderTitle ? "with-header" : ""}`}>
{this.props.pageHeaderTitle ? <PageTitle title={this.props.pageHeaderTitle}></PageTitle> : <></>}
<PerfectScrollbar>
{this.props.children[0]}
</PerfectScrollbar>
{this.props.children[1]}
</div>
);
}
}
interface PageWrapperProps { pageHeaderTitle?: string; children: [ReactNode, ReactNode]; } export class PageWrapper extends BaseComponent<PageWrapperProps> { render() { return (<div className={`page-wrapper ${this.props.pageHeaderTitle ? "with-header" : ""}`}> {this.props.pageHeaderTitle ? <PageTitle title={this.props.pageHeaderTitle}></PageTitle> : <></>} <PerfectScrollbar> {this.props.children[0]} </PerfectScrollbar> {this.props.children[1]} </div> ); } }
interface PageWrapperProps {
    pageHeaderTitle?: string;
    children: [ReactNode, ReactNode];
}

export class PageWrapper extends BaseComponent<PageWrapperProps> {
    render() {
        return (<div className={`page-wrapper ${this.props.pageHeaderTitle ? "with-header" : ""}`}>
            {this.props.pageHeaderTitle ? <PageTitle title={this.props.pageHeaderTitle}></PageTitle> : <></>}
            <PerfectScrollbar>
                {this.props.children[0]}
            </PerfectScrollbar>
            {this.props.children[1]}
        </div>
        );
    }
}
37710cookie-checkReact place children under an other node
0 of 2000 max characters.