dekujs/virtual-element

JSX-compatible syntax for building trees

virtual-element

virtual-element's Issues

How to handle undefined values

I'm not sure where this issue belongs, so I can always move this issue.

When an undefined child is given to an element, I've previously seen that element excluded by deku when rendering. As of 0.5.0, those elements are becoming the string "undefined" upon render:

export function render({ props }) {
  if (props.hint) {
    var hint = <div>{props.hint}</div>;
  }

  return (
    <div>
      <input type="text" />
      {hint}
    </div>
  );
}

I'm not sure if virtual-element should exclude those from the children array, or if deku has stopped ignoring them when it should.

Can't compile with JSX

Ive been trying to use virtual-element with deku, but babel compiles the jsx tags (as per their docs) to React.createElement, and by looking at the source I can't figure out how virtual-element is supposed work with jsx.