在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