почему я не вижу реквизиты моего компонента в компоненте пользовательского интерфейса материала? - PullRequest
Новая
       11

почему я не вижу реквизиты моего компонента в компоненте пользовательского интерфейса материала?

0 голосов
/ 20 ноября 2018

У меня есть компонент реагирования интерфейса материалов.Этот компонент используется как View в одном из компонентов AngularJS 1.5, и он получает оттуда свои реквизиты.До интеграции Material UI я мог читать реквизиты в своем компоненте реагирования, но с Material UI я вижу только реквизиты «классов» и не вижу других моих реквизитов.Код ниже

Код для компонента реагирования пользовательского интерфейса материала 

import React from 'react';
import PropTypes from 'prop-types';
import _ from 'lodash';
import { withStyles } from '@material-ui/core/styles';
import ChevronRight from '@material-ui/icons/chevronRight';
import List from '@material-ui/core/List';
import ListItem from '@material-ui/core/ListItem';
import ListItemIcon from '@material-ui/core/ListItemIcon';
import ListItemText from '@material-ui/core/ListItemText';

const styles = theme => ({
  root: {
    width: '100%',
    backgroundColor: theme.palette.background.paper,
  },
  listItem: {
    borderBottom: '1px solid #ddd'
  }
});

class ActivityList extends React.Component {

  handleToggle = value => () => {
    return true;
  };

  render() {
    const { classes } = this.props;
    console.log(this.props)

    return (
      <div className={classes.root}>
        <List>
          {!_.isEmpty(this.props.activities) ? this.props.activities.map((value, index) => (
            <ListItem className={classes.listItem} key={index} role={undefined} button onClick={this.handleToggle(value)}>
              <ListItemText primary={value} />
              <ListItemIcon>
                  <ChevronRight fontSize="large" />
              </ListItemIcon>
            </ListItem>
          )) : null}
        </List>
      </div>
    );
  }
}

ActivityList.propTypes = {
  classes: PropTypes.object.isRequired,
};

export default withStyles(styles)(ActivityList);

Код для углового компонента, где используется этот компонент React 

<activity-list activities="home.activities"></activity-list>
...