reactjs - redux 表单的错误消息 - 元素类型无效
问题描述
我正在使用 reduxForm。下面是我的代码。
import React, { Component } from 'react';
import { Field, reduxForm } from 'redux-form';
class PostsNew extends Component {
renderTitleField(field) {
return (
<div className="form-group">
<label>field.label</label>
<input
className="form-control"
type="text"
{...field.input}
/>
</div>
);
}
render() {
return (
<form>
<Field
label="Title"
name="title"
Component={this.renderTitleField}
/>
<Field
label="Categories"
name="categories"
Component={this.renderTitleField}
/>
<Field
label="Content"
name="content"
Component={this.renderTitleField}
/>
</form>
);
}
}
export default reduxForm({
form: 'PostsNewForm'
})(PostsNew);
这是我的主 index.js 文件的代码。我不确定这可能也有帮助
import React from "react";
import ReactDOM from "react-dom";
import "bootstrap/dist/css/bootstrap.min.css";
import { createStore, compose, applyMiddleware } from "redux";
import { BrowserRouter, Route, Switch } from "react-router-dom";
import promise from "redux-promise";
import { Provider } from "react-redux";
import reducers from "./reducers";
import PostsIndex from "./components/posts_index";
import PostsNew from "./components/posts_new";
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose; //add support for redux dev tools.
const store = createStore(reducers, composeEnhancers(applyMiddleware(promise)));
ReactDOM.render(
<Provider store={store}>
<BrowserRouter>
<div>
<Switch>
<Route path="/posts/new" component={PostsNew} />
<Route path="/" component={PostsIndex} />
</Switch>
</div>
</BrowserRouter>
</Provider>,
document.querySelector("#root")
);
解决方案
推荐阅读
- laravel - 测试来自本地主机的电子邮件时如何修复 SMTP 身份验证错误?
- router - Vercel 站点在我重新启动路由器之前无法工作
- unity3d - Unity测量两个物体之间的真实距离
- apache-kafka - Kafka Exactly-Once 和压缩
- python - 为什么 finally 块中的 return 语句否定了 except 块中的引发?
- c# - 文字自动化:如何使用 C# 替换形状而不是 InlineShape 的图像
- elasticsearch - Elasticsearch - 按类别限制
- git - 推送 GIT 和 Bitbucket
- python - Python用索引元组切片numpy数组
- leaflet - 带有传单的地图标记上的点击事件错误