Ant设计表单组件未显示输入值

时间:2020-10-20 12:38:09

标签: reactjs react-redux antd

我有一个由多个组件组成的多步骤表单(向导),所有组件都将输入数据存储在Redux精简器中。为了创建表单本身,我使用了一个antd Form组件。 问题是,如果已经存在一个值(例如,用户键入该值,从此步骤切换回并切换回),则该值不会显示在Input组件中:该组件仍显示占位符文本。 我在做什么错了?

源代码:

def AdjacencyMatrix(lyr):
    n = lyr.featureCount() #number of features in the layer
    m = [[0 for y in range(0, n+1)] for x in range(0, n+1)] 
        
    for feature in lyr.getFeatures():
        i = feature.id()
        print('id', i)
        for j in AdjacentPolygons(i):   # AdjacentPolygons(i) returns a list of the id of the
                                        # features adjacent to feature i
            print(i,j)
            m[i][j] = 1
    return m



M = AdjacencyMatrix(layer)
print("\nAdjacency matrix of the layer:")
print('\n'.join([''.join(['{:4}'.format(item) for item in row]) for row in M]))

这不是Redux本身的问题:当console.logging或输出name属性时,它将以应有的方式存储输入值。

1 个答案:

答案 0 :(得分:0)

当您返回上一个屏幕时,将重新呈现表单。您必须从redux加载form的值。

<Input
        placeholder={"Please enter a name"}
        value={GET_THE_VALUE_FROM_STORE}.   ///-> see here
        addonBefore={name}
        onChange={(event) => dispatch({type: WIZARD_SET_NAME, name: event.target.value})}
/>