Question

我在TopMenu.jxs中有登录用户的角色信息

  getIsCurrentUserAdmin () {
    return _.some(this.props.currentUser.userRoles, ['roleId', 2]);
  },
  render: function () {
    let isCurrentUserAdmin = this.getIsCurrentUserAdmin();

如何将isCurrentUserAdmin的值传递给我的子页面，比如UserDetails.jxs。这里userDetails表示登录用户管理其他用户的详细信息。请帮我。我是React.JS的新手

Answer 1

如果我正确理解了这个问题，那么您希望使用道具将数据传递给组件。

你可以这样做

render: function() {
  const isCurrentUserAdmin = this.getIsCurrentUserAdmin();

  return <MyOtherComponent isAdmin={isCurrentUserAdmin} />;
}

您还需要将isAdmin添加到MyOtherComponent的PropTypes，但是使用prop类型超出了此问题的范围。关于PropTypes的起始位置See the docs

React.JS将角色值从顶部菜单页面传递到子页面

1 个答案: