Question

我想用预先填充的解析函数参数将DateInput包装到MyDateInput中，以免在任何地方重复^。

所以我创建了这样的元素：

parse={dateParser}

哪个没有按照我的预期工作，所以从文档我发现我必须做这样的事情，但源参数没有被解析，因为它必须是：

import React from 'react';
import { DateInput } from 'admin-on-rest';
import moment from 'moment';

const dateParser = date => {
    // v is a `Date` object
    if (!(date instanceof Date) || isNaN(date)) return;
    return moment(date).format('YYYY-MM-DD');
};

const MyDateInput = (props) => {
    return (
        <DateInput {...props} parse={dateParser} />
    );
};

当我将2个这样的输入放入一个表单时，它会导致两个输入的合并。有没有正确的方法？

Answer 1

Redux Form name prop设置Field Component将影响的状态字段的名称。

因此，每次要使用Field组件时，都需要提供不同的名称。

您可以从调用Wrapped DateInput comp的表单中提供名称作为prop，以确保它始终是唯一的。

DateInput默认解析函数

1 个答案: