React render function organization

render-logic.js

class ParentComponent extends Component {
    render() {
        const {a, b, someBoolean, someList} = this.props;
        const conditionalComponent = someBoolean ? <SomeComponent /> : null;
        const listItems = someList.map(item => <ListItem item={item} />);
    
        return (
            <div>
                <div>A: {a}, B: {b}</div>
                {conditionalComponent}
                {listItems}
            </div>
        );
    }
}