在modal 中使用 AutoComplete的问题

Question

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>
  );

Answer 1

Modal组件的visible属性最好始终由外层Component的一个state来控制，并且要实现该外层组件的shouldComponentUpdate()方法来避免不必要的re-render