小编Vic*_*yos的帖子

给定一个自定义组件:

export const RenderDropDown = (props) => {
    const {values, input, label, type, meta: {touched, error, active}} = props;

    var options = function (value, index) {
        return <Option key={index}
                       value={value} />
    };

    return(
        <div>
        <select {...input}>
            <option value="">--- Select a nationality ---</option>
            {values.map(options)}
        </select>
        </div>
    )
}

包含在Redux-form Field组件中

<Field name="nationality" component={RenderDropDown} values={props.nationalities}/>

我希望在select触发"onChange"事件时,除了Redux-form操作之外还会调度自定义操作(AKA @@ redux-form/change)

我怎么能做到这一点？

我尝试通过props调用函数来调用并在<select>标记上设置onChange处理程序,但这会覆盖redux-form onChange.

任何帮助赞赏!

我在使用angular 2实现简单的服务器端表单验证时遇到问题.

给出以下场景:

• 带登录名和密码字段的简单表单.(通过ngForm/ngModel指令附加到组件视图)
• 基于模板的表格
• 使用同步验证
• 服务器响应JSON对象具有以下形状{field: error} ex,如果login和password为空响应为: {login: 'required', password: 'required'}

一旦提交,我得到了服务器的响应,但我不知道如何更新绑定到视图控件元素的每个ngModel的状态以在UI中显示它

这是一个非常常见的情况,我很惊讶我遇到了很多找到适当文档的麻烦.(另一方面,客户验证得到很好的解释)

任何帮助赞赏!干杯:)

使用 CSSTransition 组件和 React 我想应用淡入动画

在这里你可以找到我想要实现的一个小例子：https : //codesandbox.io/s/j75712qjvy

在第一次加载时，文本会淡入，但在单击下面的某些按钮时不会再次出现。

每次我单击一个按钮时，状态都会更新并重新呈现组件。所以我的期望是fadeIn 动画应该重新启动。

我忽略了什么？