eact.createElement code example

Example 1: React Children map example

export default class SomeComponent extends React.Component {
  render() {
    const childrenWithWrapperDiv = React.Children.map(this.props.children, child => {
      return (
        <div className="some-component-special-class">{child}</div> 
      );
    });

    return (
      <div className="some-component">
        <p>This component has {React.Children.count(this.props.children)} children.</p>
        {childrenWithWrapperDiv}        
      </div>      
    );
  }
}

Example 2: react createElement interactive button

let welcome = React.createElement(
  "h1",
  { style: { color: "red" } },
  `Welcome to react world`
);

ReactDOM.render(welcome, document.querySelector("#root"));