redux表单表示组件是只读的

我使用redux表单时出错。它说我的文件名“搜索是唯一可读的”。这是redux表单问题还是其他问题？这与连接有关吗？目前，我只能使用旧方法处理表单

import React from 'react';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';
var Select = require('react-select');
import {fetchAllEmails, searchUsers} from '../actions/searchAction';
import {getDashBoardDataFromEmail, clearUserState} from '../actions/dashboardAction';
var LocalToken = localStorage.getItem('token');
import _ from 'lodash';
import {reduxForm} from 'redux-form';


const Search = React.createClass({

  contextTypes:{
    router: React.PropTypes.object.isRequired
  },

  getInitialState: function(){
    return {
      value:'xyz'
    }
  },

  componentWillMount: function(){
    this.props.fetchAllEmails(LocalToken);

  },

  handleChange: function(e){
    this.props.getDashBoardDataFromEmail(LocalToken,e)
    this.context.router.push('/dashboard')
  },

  handleSearchChange(e) {
     this.setState({ value: e.target.value });
   },

   handleInputSubmit(){
     console.log('hello')
   },

  render(){
    const {fields: {someFormField, handleInputSubmit} }= this.props;

    return(
      <div>
        <h3 style={{textAlign:'center',color:'#b4b7c1'}}>Search</h3>

      <h6>Search for something</h6>
        <form onSubmit={this.handleInputSubmit}>
           <div>
             <input type="text" placeholder="Search By ..." {...someFormField} />
           </div>
        </form>
      </div>)
  }
})

Search = reduxForm({
  form:'Search',
  fields:['someFormField']
})(Search)


function mapStateToProps({ search,dashboardData,tokenValue }) {
  return {  search, dashboardData, tokenValue }
}

//functions from action
function mapDispatchToProps(dispatch){return bindActionCreators({fetchAllEmails, searchUsers, getDashBoardDataFromEmail, clearUserState},dispatch)}

export default connect(mapStateToProps, mapDispatchToProps)(Search);

从“React”导入React；
从'react redux'导入{connect}；
从“redux”导入{bindActionCreators}；
var-Select=require（'react-Select'）；
从“../actions/searchAction”导入{fetchAllEmails，searchUsers}；
从“../actions/dashboardAction”导入{getDashBoardDataFromEmail，clearUserState}；
var LocalToken=localStorage.getItem（'token'）；
从“lodash”进口；
从'redux form'导入{reduxForm}；
const Search=React.createClass({
上下文类型：{
路由器：React.PropTypes.object.isRequired
},
getInitialState:函数（）{
返回{
值：'xyz'
}
},
componentWillMount:function（）{
this.props.fetchAllEmails（LocalToken）；
},
handleChange:函数（e）{
this.props.getDashBoardDataFromEmail（LocalToken，e）
this.context.router.push（“/dashboard”）
},
手动搜索更改（e）{
this.setState（{value:e.target.value}）；
},
handleInputSubmit（）{
console.log（'hello'）
},
render（）{
const{fields:{someFormField，handleInputSubmit}}=this.props；
返回(
搜寻
寻找某物
)
}
})
Search=reduxForm({
表格：'搜索'，
字段：['someFormField']
})（搜索）
函数mapStateToProps（{search，dashboardData，tokenValue}）{
返回{search，dashboardData，tokenValue}
}
//行动的功能
函数mapDispatchToProps（dispatch）{返回bindActionCreators（{fetchAllEmails，searchUsers，getDashBoardDataFromEmail，clearUserState}，dispatch）}
导出默认连接（mapStateToProps、mapDispatchToProps）（搜索）；

redux表单

与文件是否可读无关

---

这是你和操作系统之间的事。

redux表单

与文件是否可读无关

这是您和操作系统之间的问题。

如果您更改

const Search=React.createClass（{

到

let Search=React.createClass（{

如果你改变，它会工作的。

const Search=React.createClass（{

到

let Search=React.createClass（{

它会起作用的