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