Question

我处于Redux状态：

import phones from "./../API/phone.json"

const initialState = {
   data: phones
};

我有组件，它是容器componenet：

const Iphone = ({phones}) => {

  const filterIphone = phones.map((p, index) => 
    (<div className="model" key={index}>
      <NavLink to={'/CurrentIphone/' + phones.id}>{p.body.model}</NavLink>
    </div>
  ))

  return (
    <div>
      {filterIphone}
    </div>
  );
};

export default Iphone;

export class CurrentIphoneContainer extends React.Component {

    render() {
        return (
            <CurrentIphone {...this.props} />
        )
    }
}

const mapStateToProps = (state) => ({
    phones: state.phoneReducer.data
}) 


export default compose(connect(mapStateToProps, {getPhones})(CurrentIphoneContainer))

所以问题出在这个字符串中：

<NavLink to={'/CurrentIphone/' + phones.id}>{p.body.model}</NavLink>

我的id是不确定的，尽管当我将id放入“ p.body.id”时，它会显示。（当我使用调试器ID时会附带道具）

Answer 1

<NavLink to={'/CurrentIphone/' + p.id}>{p.body.model}</NavLink>

为什么来自Redux的ID未定义？

1 个答案: