Question

更新 - 在我的一个redux reducer上发现错误

我有一个显示其他组件列表的组件，但子组件从未显示在DOM中。但它们出现在React Dev Tools中。

父：

 ...
        <div className="description">
          <div className="ui header">Pick the page you would like to link up with your community</div>
          <p>We have grabbed these pages from your Facebook account. Just pick one an click done to sync up!</p>
        </div>
        <div className="ui segments">
          {props.pages.map((p, i) => <Page pickPage={props.pickPage} page={p} key={i} />)}
        </div>
 ...

儿童：

import React from 'react';

const Page = props => (
  <div className="ui segment page" onClick={() => props.pickPage(props.page.toJS())}>
    <div className="ui grid">
      <div className="ui fifteen wide column">
        <h4>
        {props.page.get('name')}
        </h4>
      </div>
      <div className="ui one wide column">
        {props.page.get('picked') ? <i className="ui big right floated green check icon"/> : null}
      </div>
    </div>
  </div>
);

export default Page;

你可以看到我使用Immutable.js作为我的道具和Redux（如果有任何相关性）

我真的不知道为什么会这样，有人看到我做错了吗？

React Component在Dev Tools中呈现，但在DOM中不呈现

0 个答案: