reactjs - 使用 api 在 React DOM 中并排控制

Question

我正在与此作斗争，想在网格上方显示一排控件。

        const lblPG = React.createElement('h3', {}, 'Product Group');
        const cboPG = React.createElement(ComboBox, props);
        const elementPG = React.createElement(React.Fragment, null, lblPG, cboPG);

        const lblTT = React.createElement('h3', {}, 'Task Type');
        const cboTT = React.createElement(ComboBox, props);
        const elementTT = React.createElement(React.Fragment, null, lblTT, cboTT);

        const toprow = React.createElement('span', {},
            elementPG, elementTT);

        const list =
            React.createElement('div', {},
                toprow,
                React.createElement(DetailsListGrid, appProps)
            );

        ReactDOM.render(
            list,
            this._container
        );

上面的代码导致了 PCF 线束：

我想有这样的：

标签： reactjstypescriptpowerapps-component-framework

Answer 1

请使用 JSX 而不是以上述方式创建元素。此外，使用 CSS 块/内联属性来调整元素，如下所示：https ://www.w3schools.com/Css/css_inline-block.asp