小编Rah*_*wal的帖子

以redux形式在字段中设置值

我有redux形式有下拉列表和文本字段.在下拉列表更改时,我必须更新其他字段.其他字段使用自定义组件示例

所以结构就像.1.具有形式2的组件.字段组件.

现在我用谷歌搜索,发现很少的东西来更新该领域,但无法做到这一点.我尝试了什么1.在字段中添加状态,如下面的值.不行.

<Field name="accountno" value="this.state.accountno" component={InputText} placeholder="Number" />
Run Code Online (Sandbox Code Playgroud)
  1. 尝试调度但不能使用它.没有派遣的错误我支持类型

    this.props.dispatch(change('form','accountno','test value'));

  2. 尝试过this.props.fields,但同样不是道具类型中的字段.

它应该使用2或3但不能找到添加它们的位置.请告诉我如何使用这些或任何其他方式.

reactjs redux-form react-redux

20
推荐指数
2
解决办法
2万
查看次数

React.js在组件流之间传递数据

我创建了三个基本组件.

A渲染组件B和C B就像标题包含标签1,2,3 C是第一页,其中有两种形式,一次显示一个.在显示第一个表单时,我需要在B组件中显示选项卡1.在显示第二个表单时,我需要在B组件中显示选项卡3.

我只想根据哪个表单显示给B组件从C组件传递数据.

我把状态放在C组件上并尝试使用相同的this.state.data或this.props.data,因为B控制器中没有值.

A.jsx

import React from 'react';
import B from './B.jsx';
import C from './C.jsx'
class A extends React.Component {
    constructor(props) {
        super();
        this.state = {
            show : '1',
        }
    }
    render() {
        return (
            <div>{this.props.show}
                <B />
                <C/>
            </div>
        )
    }
}

export default A;
Run Code Online (Sandbox Code Playgroud)

B.jsx

import React from 'react';

class B extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            show : '1',
        }
    }
    render() {
        return (
            //html code here
        )
    } …
Run Code Online (Sandbox Code Playgroud)

reactjs react-jsx

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

标签 统计

reactjs ×2

react-jsx ×1

react-redux ×1

redux-form ×1