小编Eft*_*zov的帖子

我重新加载动态页面时收到此错误.

错误:无法在Object.didPutListener(SimpleEventPlugin.js:210)的Object.getNodeFromInstance(ReactDOMComponentTree.js:172)的precacheChildNodes(ReactDOMComponentTree.js:96)处找到ID为275的元素.在invariant(invariant.js:38)处.位于Object.putListener(EventPluginHub.js:143)的Object.putListener(ReactDOMComponent.js:176)位于ReactReconcileTransaction.close(ReactReconcileTransaction.js:80)的ReactReconcileTransaction.closeAll(事务处)的CallbackQueue.notifyAll(CallbackQueue.js:76) .js:206)在ReactReconcileTransaction.perform(Transaction.js:153)

和

未捕获(在promise中)TypeError:无法在Object.willDeleteListener(SimpleEventPlugin.js:220)处的Object.deleteAllListeners(EventPluginHub.js:201)处读取未定义的属性'remove',位于对象的ReactDOMComponent.unmountComponent(ReactDOMComponent.js:976)位于ReactDOMComponent.unmountChildren(ReactMultiChild.js)的Object.unmountChildren(ReactChconciler.js:146)处的Object.unmountComponent(ReactReconciler.js:79)处的ReactCompositeComponentWrapper.unmountComponent(ReactCompositeComponent.js:418)处的.unmountComponent(ReactReconciler.js:79) :373)在Object.unmountComponent的ReactDOMComponent.unmountComponent(ReactDOMComponent.js:974)(ReactReconciler.js:79)

在这个动态页面中,我有一个原始的html,我用@gallery {Id} @替换了部件react-image-gallery.我不能解决问题,因为在动态路径中,我有2个画廊,它运行良好,服务器端导航和重新加载页面.但是在使用相同动态组件的特定动态路径中,我只在重新加载时才会出现此错误,这意味着如果复制链接并粘贴它以立即访问此页面,我会收到此错误.通过使用检查我看到

<div data-reactid="274">  // this is item in children
     <p>............</p>
    <div data-reactid="275"></div>//but this is another item in children that for unknow reason nested in data-reactid="274"
</div>

但我应该看到

<div data-reactid="274"> 
     <p>............</p>
</div>
<div data-reactid="275"></div>

我认为这是因为要添加更多的画廊(更多数据).问题是,当我使用服务器端导航导航时以及当我重新加载页面时,我得到要渲染的对象数组是相同的.我通过这样做获得阵列.

children = parts.map((item, index) => {
        if (typeof item === "string") {
          return <div key={index} dangerouslySetInnerHTML={{ __html: item }} />
        } else {
          return <div key={index}>{item}</div>;
        }
      })

我正在尝试在下拉菜单中使用下拉菜单，但每次关闭时都会关闭。我尝试在状态上使用其他可见属性，但仍然相同。

<div>
        <Dropdown 
                visible={visibleDropdown}
                onVisibleChange={(visible)=>this.onDropdownVisibleChange(visible)}
                overlay={
                <Menu>
                  <Menu.Item key="0">
                    <a href="http://www.alipay.com/">1st menu item</a>
                  </Menu.Item>
                  <Menu.Item key="1">
                    <a href="http://www.taobao.com/">2nd menu item</a>
                  </Menu.Item>
                  <Menu.Divider />
                  <Menu.Item key="3">3d menu item</Menu.Item>
                </Menu>
              } trigger={['click']}>
                <a className="ant-dropdown-link" href="#">
                  Click me <Icon type="down" />
                </a>
              </Dropdown>
    </div>

这不起作用是我缺少什么吗？