redux form sagt Komponente ist readonly

Question

Ich bekomme einen Fehler mit der Redux-Form. Es sagt mein Dateiname "Suche ist nur lesbar". Ist das ein Reduxform-Problem oder ein anderes Problem? Hat es etwas mit connect zu tun? Denn jetzt kann ich nur die ältere Art und Weise mit Formen verwendet

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); 

Answer 1

redux-form hat nichts damit zu tun, ob die Dateien lesbar sind oder nicht.

Das ist zwischen Ihnen und Ihrem Betriebssystem.

Answer 2

Wenn Sie const Search = React.createClass({ zu let Search = React.createClass({ ändern wird es funktionieren.