Splitting a single tag over multiple statements: Encapsulating Output in React

8 Березня 2024 в 21:25 65

Розглянемо задачу розбиття одного тега на кілька операторів. Я намагаюся зробити наступне… Зверніть увагу, що “output.push();” не має закриваючого тегу div, але окремо закривається внизу “output.push();”. Те, що я зробив там, не працює. Я намагаюся обгорнути все в середині циклу For в один div та className. Як цього досягти, будь ласка?

function IterateSectionFields({ props, tabIndex, sectionIndex }) {
    return (
        <div>
            {(() => {
                const output = [];
                
                output.push(<div className="field-group">);
                
                for (var i = 0; i < sectionFieldList.length; i++) {
                    //Do some more stuff
                    output.push(<div> A few things </div>);
                }
                
                output.push(</div>);
                
                return output;
            })()}
        </div>
    );
}