Convert to JSX

import clsx from 'clsx';
import { useRef } from 'react';

const MyComponent = () => {
  const myContainerRef = useRef();

  return (
    <div ref={myContainerRef}>
      {items.map((item, index) => (
        <div key={index}>
          <button
            autoFocus={true}
            className={clsx('btn btn-primary', { 'd-block': isFullscreen })}
          >
            Submit
          </button>
          {Boolean(canCancel) && (
            <button
              className={clsx('btn btn-danger', { 'd-block': isFullscreen })}
              onClick={(event) => handleCancel(event)}
            >
              Submit
            </button>
          )}
        </div>
      ))}
    </div>
  );
};

By @patdx·Source·Conversion is in your browser, no data sent to server·Special thanks to babel-plugin-transform-react-pug, handlebars-to-jsx