material-ui popover에서 동적 요소를 만드는 방법은 무엇입니까?

Question

material-ui popover에서 동적 요소를 만드는 방법은 무엇입니까? 나는 그것을위한 모범을 원한다.

Answer 1

class MyPopover extends React.Component { 
    constructor(props) { 
     super(props); 
     this.state = { popoverItems: [] }; 
    } 

    componentDidMount() { 
     ... fetch popover items ... 
     ... set state ... 
    } 
    render() { 
     return (
      <MuiThemeProvider> 
       <Popover 
        open={this.state.open} 
        anchorEl={this.state.anchorEl} 
        anchorOrigin={{horizontal: 'left', vertical: 'bottom'}} 
        targetOrigin={{horizontal: 'left', vertical: 'top'}} 
        onRequestClose={this.handleRequestClose} 
       > 
        <Menu> 
         {this.state.popoverItems.map((item) => { 
          <MenuItem primaryText={item.name} /> 
         })} 
        </Menu> 
       </Popover> 
      </MuiThemeProvider> 
     ) 
    } 

} 

또한 onClick 또는 다른 이벤트를 가져올 수도 있지만이 예에서는 구성 요소가 마운트 될 때 한 번 항목을 가져옵니다.