我在网络应用中使用redux-form,我想显示表单的值。
为了做到这一点,我使用了redux-form-website-template包的Values字段。
这与redux-form在其示例网站上使用的包相同: https://codesandbox.io/s/PNQYw1kVy
在他们的示例中,他们使用的是redux-form-website-template包的0.0.41版本。
如果我提名安装--save' redux-form-website-template' @ 0.0.41 然后该应用程序工作,但有关于使用propTypes被弃用等的警告....
如果我安装最新版本的' redux-form-website-template'然后,当我import {Values} from 'redux-form-website-template'
错误是: 未捕获的TypeError:无法读取属性' parentNode'未定义的
这里有工作吗? 或者我应该只使用版本0.0.41
基本上我想要一种方便的方式来显示我的表单状态,因为它正在被用户填写,就像在沙盒中一样。
这是我的代码,因为使用旧版本可以解决任何问题:
import React, { Component } from 'react';
import { connect } from 'react-redux'
import { withRouter } from 'react-router-dom'
import {Values} from 'redux-form-website-template'
import showResults from "./showResults";
import BirthChartForm from './BirthChartForm'
import InitializeFromStateForm from "./InitializeFromStateForm";
class App extends Component {
render(){
return (
<div>
<h1>EXAMPLE</h1>
<BirthChartForm/>
<Values form="birthchartform" />
</div>
)
}
}
function mapStateToProps() {
return {
}
}
export default withRouter(connect(
mapStateToProps,
)(App))