我正在研究 redux 形式的字段数组。我想去掉任何 和 字段按钮,并在按键“输入”时生成下一个字段。我们将使用扫描仪输入字段,我可以在扫描返回中编码以呈现下一个字段。Redux 表单默认输入“提交”。我读过几篇关于禁用它的在线文章。我已经关注了他们,但仍然遇到相同的“输入”键提交问题。我对这方面的任何想法持开放态度。
class AssignDeviceForm extends Component {
constructor(props) {
super(props);
FieldArraysForm = props => {
const { handleSubmit, pristine, reset, submitting } = this.props;
return (
<div>
<Well>
<form onSubmit={handleSubmit(() => {})}>
<FieldArray name="IMEIs" component={this.renderIMEI}/>
<div>
<button type="submit" disabled={submitting}>Submit</button>
<button type="button" disabled={pristine || submitting} onClick={reset}>
Clear Values
</button>
</div>
</form>
</Well>
</div>
);
};
renderIMEI = ({ fields, meta: { touched, error, submitFailed } }) => {
if (fields.length == 0) {
fields.unshift({});
}
return(
<ul> …Run Code Online (Sandbox Code Playgroud) 我正在使用 Webpack 3.8.1 和 webpack-dev-server 2.9.2。这是我在 React 中编写的一个项目。下面是我的 webpack.config 文件。每次运行构建命令时,都不会传输到 dist 目录中的 index.html 文件。当我进行生产构建时也会发生这种情况。我可以将该行写入 index.html 文件,但每次重建时都会删除该行。有任何想法吗?
const path = require('path');
const webpack = require('webpack');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
devtool: 'cheap-module-eval-source-map',
devServer: {
contentBase: './dist',
hot: true
},
entry: {
app: './src/index.js',
vendor: ['react']
},
plugins: [
new CleanWebpackPlugin('dist'),
new webpack.NamedModulesPlugin(),
new HtmlWebpackPlugin({
title: 'Production'
}),
new ExtractTextPlugin({
filename: 'styles.css'
}),
new webpack.HotModuleReplacementPlugin({
multiStep: true
})
],
output: {
path: …Run Code Online (Sandbox Code Playgroud)