7 examples of 'js to react converter' in JavaScript

42
export function convertReactElement(element, rules = [], parent = null, outerIndex = 0) {
43
  if (!element || rules.length === 0) {
44
    return element
45
  }
46
47
  function convert(element, index, children) {
48
    rules.forEach(([cond, handle]) => {
49
      if (cond(element, index, parent, children)) {
50
        let handledElem
51
        // eslint-disable-next-line no-cond-assign
52
        if (
53
          typeof (
54
            handledElem = handle(element, index, parent, children)
55
          ) !== 'undefined'
56
        ) {
57
          element = handledElem
58
        }
59
      }
60
    })
61
62
    // @thinking return element ?
63
    return element
64
  }
65
66
  if (Array.isArray(element)) {
67
    return React
68
      .Children
69
      .toArray(element)
70
      .map((elem, index) => convertReactElement(elem, rules, parent, index))
71
  }
72
  let children = element && element.props && element.props.children
73
  let newElement = element
74
  newElement = convert(element, outerIndex, children)
75
  // convert may update children
76
  let newChildren = newElement && newElement.props && newElement.props.children
77
  if (newChildren) {
78
    newChildren = convertReactElement(newChildren, rules, newElement, outerIndex)
79
  }
80
81
  if (newElement === element && newChildren === children) {
82
    return element
83
  }
84
85
  return React.isValidElement(newElement)
86
    ? React.cloneElement(newElement, newElement.props, newChildren)
87
    : newElement
88
}

35
function renderJs(propTypes: string[], defaultProps: string[] = []) {
36
	const props = parse(
37
		`
38
		import { Component } from 'react';
39
		import PropTypes from 'prop-types';
40
		export default class Cmpnt extends Component {
41
			static propTypes = {
42
				${propTypes.join(',')}
43
			}
44
			static defaultProps = {
45
				${defaultProps.join(',')}
46
			}
47
			render() {
48
			}
49
		}
50
	`,
51
		undefined,
52
		undefined,
53
		{ filename: '' }
54
	);
55
	if (Array.isArray(props)) {
56
		return render(<div>);
57
	}
58
	return render();
59
}</div>

37
function translateFromReact (item) {
38
  if (isReactNode(item)) {
39
    const props = item.props;
40
    const chren = ensureNodes(props.children);
41
    delete props.children;
42
    return {
43
      attributes: props,
44
      childNodes: chren,
45
      localName: item.type,
46
      nodeType: 1
47
    };
48
  }
49
  return item;
50
}

36
renderReact() {
37
  ReactDOM.render(
38
    React.createElement(this.reactClass, this._props),
39
    this.ref.nativeElement);
40
}

51
render() {
52
  // Pass appropriate props to the InputComponent.
53
  var key, props = {};
54
  for (key in this.props) {
55
    if (!this.props.hasOwnProperty(key)) continue;
56
    if (key == 'result' || key == 'onChangeHandlers' || key == 'changeValidators') continue;
57
    props[key] = this.props[key];
58
  }
59
  props.value = this.props.result.value;
60
  props.handleChange = this.__handleChange;
61
  return ;
62
}

115
function copyReactJs(cb) {
116
  copyDashboardJs();
117
  copyServDevJs();
118
  cb();
119
  return;
120
}

55
createReactElement(data) {
56
  this.elementsLength++;
57
58
  const props = {
59
    ...data.props,
60
    key: this.elementsLength
61
  };
62
63
  let children = null;
64
  if (Array.isArray(data.children)) {
65
    children = data.children.map(this.createReactChildElement);
66
  }
67
68
  return React.createElement(data.type, props, children);
69
}