在modal 中使用 AutoComplete的问题

1、在modal 中使用 AutoComplete,state更新后,modal会关闭后再打开,然后无数据显示
2、开发用的是dva + antd

部分代码如下:

  function handleChange(value) {
    onChangeText(value);
  }  const modalOpts = {    title: '编辑',
    visible,    onOk: handleOk,
    onCancel,    width: 600,
  };  const children = bookinfolist.map(d =>{    return <Option key={d.id}>{d.name}</Option>;
  });  return (    <Modal {...modalOpts}>
      <Form horizontal>
          <FormItem
            label="图书编号:"
            hasFeedback
            {...formItemLayout}
          >
            <AutoComplete
              onChange={handleChange}
              placeholder="请输入图书编号"
            >
              {children}            </AutoComplete>
          </FormItem>

      </Form>
    </Modal>
  );


智慧大石
浏览 726回答 1
1回答

SMILET

Modal组件的visible属性最好始终由外层Component的一个state来控制,并且要实现该外层组件的shouldComponentUpdate()方法来避免不必要的re-render
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript