小编Jef*_*ler的帖子

Redux 表单禁用字段数组上的 Enter 按钮

我正在研究 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)

reactjs redux redux-form

5
推荐指数
1
解决办法
3084
查看次数

&lt;div id="root"&gt;&lt;/div&gt; 未在 webpack 构建中传输

我正在使用 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)

webpack webpack-dev-server

2
推荐指数
1
解决办法
4757
查看次数

标签 统计

reactjs ×1

redux ×1

redux-form ×1

webpack ×1

webpack-dev-server ×1