jmlavoier

// InputField.js

import React from 'react';

export const InputField = ({ 
  value,
  name,
  type,
  style,
  onChange 

jmlavoier

// Field.js 
import React from 'react';

const onHandleChange = (validate, onChange) => event => {
  const { value } = event.target;
  const isValid = validate(value);

  onChange(value, isValid);
}

jmlavoier

// TextareaField.js
const onHandleChange = (validate, onChange) => event => {
    const { value } = event.target;    
    const isValid = validate(value);

    onChange(value, isValid);
}

export const TextareaField = ({ 
  value, 

jmlavoier

// SelectField.js
const onHandleChange = (validate, onChange) => event => {
    const { value } = event.target;    
    const isValid = validate(value);

    onChange(value, isValid);
}

export const SelectField = ({ 
  value,

jmlavoier

// InputField.js

const onHandleChange = (validate, onChange) => event => {
    const { value } = event.target;    
    const isValid = validate(value);

    onChange(value, isValid);
}

const getStyle = isValid => ({

jmlavoier

const replaceKey = (filter, key, replace) => {
    return Object.keys(filter).reduce((result, k) => {
        if (k === key) {
            result[replace] = filter[k];
        } else {
            result[k] = filter[k];
        }
        return result;
    }, {});

jmlavoier

class App extends React.Component { 
  
  constructor() {
    super();
    this.state = {
      active: true,
    }
  }

  onClick(event) {

jmlavoier

const Button = ({ description, onClick }) => {
  return (
    <button onClick={onClick}>{description}</button>
  );
}

class App extends React.Component { 
  
  constructor() {
    super();

jmlavoier

const Button = ({ description }) => {
  return React.createElement('button', null, description);
}

jmlavoier

const Button = ({ description }) => <button>{description}</button>;