Proyectos de Subversion LeadersLinked - Backend

import React from 'react'
import { useEffect } from 'react'
import { useHistory, useParams } from 'react-router-dom'

const FormView = () => {

        const history = useHistory()
        const { action } = useParams()

        useEffect(() => {
                console.log(action)
        }, [])

        return (
                <section className="content">
                        <div className="container-fluid">
                                <div className="row">
                                        <div className="col-12">
                                                <div className='card'>
                                                        <div className="card-header">
                                                                <ul className="nav nav-tabs" id="myTab" role="tablist">
                                                                        <li className="nav-item" role="presentation">
                                                                                <button className="nav-link active" id="home-tab" data-toggle="tab" data-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Home</button>
                                                                        </li>
                                                                        <li className="nav-item" role="presentation">
                                                                                <button className="nav-link" id="profile-tab" data-toggle="tab" data-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Profile</button>
                                                                        </li>
                                                                        <li className="nav-item" role="presentation">
                                                                                <button className="nav-link" id="contact-tab" data-toggle="tab" data-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Contact</button>
                                                                        </li>
                                                                </ul>
                                                        </div>
                                                        <div className="card-body">
                                                                <div className="tab-content" id="myTabContent">
                                                                        <div className="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"></div>
                                                                        <div className="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab"></div>
                                                                        <div className="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                                                                                <div className="form-group">
                                                                                        <label>Nombre</label>
                                                                                        <input
                                                                                                type="text"
                                                                                                name="name"
                                                                                                className="form-control"
                                                                                        />
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                                <div className="form-group">
                                                                        <button
                                                                                type="submit"
                                                                                className="btn btn-primary btn-form-save-close mr-2"
                                                                        >
                                        Guardar
                                                                        </button>
                                                                        <button
                                                                                type="button"
                                                                                className="btn btn-secondary btn-edit-cancel"
                                                                                onClick={() => history.goBack()}
                                                                        >
                                        Cancelar
                                                                        </button>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </section>
        )
}
export default FormView