3.03 Create Nested Components

App.js

import React, { Component } from 'react';
import './App.css';
import UserOutput from './UserOutput/UserOutput'

class App extends Component {
  render() {
    return (
      <div className="App">
        <UserOutput />
        <UserOutput />
        <UserOutput />
      </div>
    );
  }
}

export default App;

UserInput.js

import React from 'react'

const userInput = () => {
  return <input type="text"></input>
}

export default userInput

UserOutput.js

import React from 'react'

const userOutput = () => {return ()}

export default userOutput