加载 redux 表单(来自https://github.com/erikras/redux-form-material-ui示例的代码)时,它会使应用程序崩溃,并且控制台中没有错误。这是表单的样子:
import {Component} from 'react'
import { reduxForm, Field } from 'redux-form'
import MenuItem from 'material-ui/MenuItem'
import { RadioButton } from 'material-ui/RadioButton'
import {
Checkbox,
RadioButtonGroup,
SelectField,
TextField,
Toggle
} from 'redux-form-material-ui'
class MyForm extends Component {
render() {
return (
<form>
<Field name="username" component={TextField} hintText="Street"/>
<Field name="plan" component={SelectField} hintText="Select a plan">
<MenuItem value="monthly" primaryText="Monthly"/>
<MenuItem value="yearly" primaryText="Yearly"/>
<MenuItem value="lifetime" primaryText="Lifetime"/>
</Field>
<Field name="agreeToTerms" component={Checkbox} label="Agree to terms?"/>
<Field name="receiveEmails" component={Toggle} label="Please spam me!"/>
<Field name="bestFramework" component={RadioButtonGroup}>
<RadioButton value="react" label="React"/>
<RadioButton value="angular" label="Angular"/>
<RadioButton value="ember" label="Ember"/>
</Field>
</form>
)
}
}
// Decorate with redux-form
MyForm = reduxForm({
form: 'myForm'
})(MyForm)
export default MyForm
然后我在父级中渲染这个 COMP。我还在 combineReducers 函数中包含了“formReducer”。