Use spread operator instead of React.createElement
This commit is contained in:
@@ -75,7 +75,7 @@ export const BenefitsList = () => {
|
|||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<HeaderItem headerText={HEADER_TEXT} />
|
<HeaderItem headerText={HEADER_TEXT} />
|
||||||
{_.map(BENEFIT_ITEM_PROPS_LIST, valueItemProps => React.createElement(BenefitItem, valueItemProps))}
|
{_.map(BENEFIT_ITEM_PROPS_LIST, valueItemProps => <BenefitItem {...valueItemProps} />)}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -48,11 +48,11 @@ const LargeLayout = () => (
|
|||||||
<div className="mx-auto max-width-4 clearfix pb4">
|
<div className="mx-auto max-width-4 clearfix pb4">
|
||||||
<div className="col lg-col-6 md-col-6 col-12">
|
<div className="col lg-col-6 md-col-6 col-12">
|
||||||
<HeaderItem headerText={HEADER_TEXT} />
|
<HeaderItem headerText={HEADER_TEXT} />
|
||||||
{_.map(TEAM_ITEM_PROPS_COLUMN1, teamItemProps => React.createElement(TeamItem, teamItemProps))}
|
{_.map(TEAM_ITEM_PROPS_COLUMN1, teamItemProps => <TeamItem {...teamItemProps} />)}
|
||||||
</div>
|
</div>
|
||||||
<div className="col lg-col-6 md-col-6 col-12">
|
<div className="col lg-col-6 md-col-6 col-12">
|
||||||
<HeaderItem headerText=" " />
|
<HeaderItem headerText=" " />
|
||||||
{_.map(TEAM_ITEM_PROPS_COLUMN2, teamItemProps => React.createElement(TeamItem, teamItemProps))}
|
{_.map(TEAM_ITEM_PROPS_COLUMN2, teamItemProps => <TeamItem {...teamItemProps} />)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
@@ -60,9 +60,9 @@ const LargeLayout = () => (
|
|||||||
const SmallLayout = () => (
|
const SmallLayout = () => (
|
||||||
<div>
|
<div>
|
||||||
<HeaderItem headerText={HEADER_TEXT} />
|
<HeaderItem headerText={HEADER_TEXT} />
|
||||||
{_.map(_.concat(TEAM_ITEM_PROPS_COLUMN1, TEAM_ITEM_PROPS_COLUMN2), teamItemProps =>
|
{_.map(_.concat(TEAM_ITEM_PROPS_COLUMN1, TEAM_ITEM_PROPS_COLUMN2), teamItemProps => (
|
||||||
React.createElement(TeamItem, teamItemProps),
|
<TeamItem {...teamItemProps} />
|
||||||
)}
|
))}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -29,7 +29,7 @@ export const Values = () => {
|
|||||||
return (
|
return (
|
||||||
<div className="mx-auto max-width-4">
|
<div className="mx-auto max-width-4">
|
||||||
<HeaderItem headerText={HEADER_TEXT} />
|
<HeaderItem headerText={HEADER_TEXT} />
|
||||||
{_.map(VALUE_ITEM_PROPS_LIST, valueItemProps => React.createElement(ValueItem, valueItemProps))}
|
{_.map(VALUE_ITEM_PROPS_LIST, valueItemProps => <ValueItem {...valueItemProps} />)}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user