FormType PropType fallido: proporcionó un prop de `valor` a un campo de formulario sin un controlador` onChange`

Cuando cargo mi aplicación de reacción, aparece este error en la consola.

Advertencia: error en el formulario propType: proporcionó unvalue apuntalar a un campo de formulario sin unonChange manipulador. Esto generará un campo de solo lectura. Si el campo debe ser mutable usedefaultValue. De lo contrario, establezcaonChange oreadOnly. Verifique el método de renderizado deAppFrame.

Mi componente AppFrame está debajo:

class AppFrame extends Component {
    render() {
        return (
            <div>
                <header className="navbar navbar-fixed-top navbar-shadow">
                    <div className="navbar-branding">
                        <a className="navbar-brand" href="dashboard">
                            <b>Shire</b>Soldiers
                        </a>
                    </div>
                    <form className="navbar-form navbar-left navbar-search alt" role="search">
                        <div className="form-group">
                            <input type="text" className="form-control" placeholder="Search..."
                                   value="Search..."/>
                        </div>
                    </form>
                    <ul className="nav navbar-nav navbar-right">
                        <li className="dropdown menu-merge">
                            <span className="caret caret-tp hidden-xs"></span>
                        </li>
                    </ul>
                </header>

                <aside id="sidebar_left" className="nano nano-light affix">

                    <div className="sidebar-left-content nano-content">

                        <ul className="nav sidebar-menu">
                            <li className="sidebar-label pt20">Menu</li>
                            <li className="sidebar-label">
                                <IndexLink to="/" activeClassName="active">Dashboard</IndexLink>
                            </li>
                            <li className="sidebar-label">
                                <Link to="/fixtures" activeClassName="active">Fixtures</Link>
                            </li>
                            <li className="sidebar-label">
                                <Link to="/players" activeClassName="active">Players</Link>
                            </li>
                        </ul>

                    </div>

                </aside>
                <section id="content_wrapper">
                    <section id="content" className="table-layout animated fadeIn">
                        {this.props.children}
                    </section>
                </section>
            </div>

        )
    }
}

export default AppFrame;

Estoy luchando por resolver lo que realmente estoy haciendo mal aquí. La aplicación se inicia y funciona, pero estoy tratando de eliminar todas las advertencias / errores de la consola.

Respuestas a la pregunta(0)

Su respuesta a la pregunta