PropType com falha no formulário: você forneceu uma proposta `value` para um campo de formulário sem um manipulador` onChange`
Quando carrego meu aplicativo de reação, recebo esse erro no console.
Aviso: falha no formulário propType: você forneceu umvalue
prop para um campo de formulário sem umonChange
manipulador. Isso renderizará um campo somente leitura. Se o campo deve ser mutável, usedefaultValue
. Caso contrário, definaonChange
oureadOnly
. Verifique o método de renderização deAppFrame
.
Meu componente AppFrame está abaixo:
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;
Estou lutando para descobrir o que estou fazendo de verdade aqui. O aplicativo inicia e funciona, mas estou tentando remover todos os avisos / erros do console.