lift_state_up_1.jsx

function Child ({ type }) {
  const [value, setValue] = useState();

  let renderedItem;
  switch (type) {
    case 'text':
      renderedItem = <Input type="text" value={value} onChange={(e) => setValue(e.target.value)} />;
      break;
    case 'checkbox':
      renderedItem = <Input type="checkbox" value={value} onChange={(e) => setValue(e.target.checked)} />;
      break;
    default:
      renderedItem = null;
  }

  return renderedItem;
}