redux-form 필드를 입력 할 수 없습니다.

양식 필드에 아무 것도 입력 할 수 없습니다. 나는 해결책을 찾았지만 어느 것도 문제를 해결하지 못했다. simular 문제를 살펴보면 아마 감소 요인 일 수 있습니다. 그래서 내가 뭘 잘못하고 있니? 사용redux-form 필드를 입력 할 수 없습니다.

은 : 반응 라우터 3.0.2

LoginForm.js

class LoginForm extends React.Component { 

    onSubmit(values) { 
     console.log(values.email) 
    } 

    render() { 

     var { handleSubmit } = this.props; // Provided by redux-form 

     return (
      <form onSubmit={handleSubmit(this.onSubmit.bind(this))}> 
       <label>E-mail</label> 
       <Field name='email' component='input' type='text' /> 
       <button type="submit">Login</button> 
      </form> 
     ) 
    } 
} 

const form = reduxForm({ 
    form: 'LoginForm' 
}) 

export default connect(mapStateToProps)(form(LoginForm));

reducers.js

const combinedReducers = combineReducers({ 
    form: formReducer 
}); 

export default combinedReducers;

인덱스 REDUX 형 6.5.0, 15.4.2 반응. js

const createStoreWithMiddleware = applyMiddleware(thunk)(createStore); 

// temp 
const Dashboard =() => { return <div>Dasboard</div> }; 

ReactDOM.render(
    <Provider store={createStoreWithMiddleware(combinedReducers)}> 
    <Router history={browserHistory}> 
     <Route path="/" component={LoginForm} /> 
     <Route pathp="dashboard" component={Dashboard} /> 
    </Router> 
    </Provider> 
    , 
    document.getElementById('app') 
);

출처

2017-03-12 BennievanderWel

자세한 내용을 입력해야합니다. 귀하의 코드를 복제하고 예상대로 작동합니다. 이 코드는 https://www.webpackbin.com/bins/-Kf13qs_C-9323-46SGH에서 볼 수 있습니다. –

오류가 있습니까? –

@ DeividasKaržinauskas tnx가 내 코드를 회신하고 테스트했습니다. 그것은 당신을 위해 작동하기 때문에 코드가 잘되어야합니다. 그런 다음 내 설정 일 수 있습니다. 어떤 세부 사항을 제공해야합니까? 매우 간단한 앱이며 표시 할 내용이 많지 않습니다. – BennievanderWel

그래도 단서가 잘못되어서는 안되지만 반응식을 다시 설치 한 후, 반응식과 redux 형식으로 모든 것이 작동했습니다.

@Deividas Karžinauskas에게 Tnx가 도움과 시간을드립니다. 그의 답변 덕분에 나는 코드가 정상임을 알았고 그 코드는 다른 것이어야했습니다.

출처

2017-03-12 13:29:53 BennievanderWel

'pathp' 외에도 코드에 눈부신 오류가 보이지 않습니다. –

redux-form 필드를 입력 할 수 없습니다.

답변

관련 문제