TodoItem.jsx

import React from 'react';

import TextInput from './TextInput';

const TodoItem = ({text}) => (
  <li className="todo">
    <div className="view">
      <input type="checkbox" className="toggle" />
      <label htmlFor="todo">
        {text}
      </label>
      <button className="destroy"></button>
    </div>
    <TextInput /> // We add the TextInput component
  </li>
);

export default TodoItem;