Function jsxProd

packages/react/src/jsx/ReactJSXElement.js:282–331

(type, config, maybeKey)

 * @param {string} key
 */
export function jsxProd(type, config, maybeKey) {
  let key = null;

  class="cm">// Currently, key can be spread in as a prop. This causes a potential
  class="cm">// issue if key is also explicitly declared (ie. <div {...props} key=class="st">"Hi" />
  class="cm">// or <div key=class="st">"Hi" {...props} /> ). We want to deprecate key spread,
  class="cm">// but as an intermediary step, we will use jsxDEV for everything except
  class="cm">// <div {...props} key=class="st">"Hi" />, because we aren't currently able to tell if
  class="cm">// key is explicitly declared to be undefined or not.
  if (maybeKey !== undefined) {
    if (__DEV__) {
      checkKeyStringCoercion(maybeKey);
    }
    key = class="st">'' + maybeKey;
  }

  if (hasValidKey(config)) {
    if (__DEV__) {
      checkKeyStringCoercion(config.key);
    }
    key = class="st">'' + config.key;
  }

  let props;
  if (!(class="st">'key' in config)) {
    class="cm">// If key was not spread in, we can reuse the original props object. This
    class="cm">// only works for `jsx`, not `createElement`, because `jsx` is a compiler
    class="cm">// target and the compiler always passes a new object. For `createElement`,
    class="cm">// we can't assume a new object is passed every time because it can be
    class="cm">// called manually.
    class="cm">//
    class="cm">// Spreading key is a warning in dev. In a future release, we will not
    class="cm">// remove a spread key from the props object. (But weclass="st">'ll still warn.) We'll
    class="cm">// always pass the object straight through.
    props = config;
  } else {
    class="cm">// We need to remove reserved props (key, prop, ref). Create a fresh props
    class="cm">// object and copy over all the non-reserved props. We don't use `delete`
    class="cm">// because in V8 it will deopt the object to dictionary mode.
    props = {};
    for (const propName in config) {
      class="cm">// Skip over reserved prop names
      if (propName !== class="st">'key') {
        props[propName] = config[propName];
      }
    }
  }

  return ReactElement(type, key, props, getOwner(), undefined, undefined);
}

class="cm">// While `jsxDEV` should never be called when running in production, we do
class="cm">// support `jsx` and `jsxs` when running in development. This supports the case