wie man den Menüeintrag im Material ui umschließt.

Question

Also habe ich einen Text, den ich im Popover zeigen muss. Ich habe den folgenden Code, der den Text in einer Zeile erscheinen lässt. Ich muss den Text umbrechen, um sie in mehreren Zeilen zu haben, aber aus Grund, aber bis jetzt war mein Update nicht erfolgreich. irgendeine Idee?

      <Popover 
           anchorEl={target} 
           open={open} 
           anchorOrigin={{horizontal: 'middle', vertical: 'bottom'}} 
           targetOrigin={{horizontal: 'left', vertical: 'bottom'}} 
           onRequestClose={handleRequestClose} 
           animation={PopoverAnimationVertical}> 
           <Menu 
            autoWidth={true} 
            > 
            <MenuItem style={{width: "200px", height: "200px"}}> 
             <p style={{display: "flex", flexWrap: "wrap"}}>'aslkjflajdsljflskdjflsdfjlsjdfjdfjlasjkfadlsf'</p> 
            </MenuItem> //this does not work.... 
           </Menu> 

Answer 1

Versuchen Sie, die whiteSpace Stil Zurücksetzen -

<MenuItem style={{whiteSpace: 'normal'}}> 
    <p>This song is just six words long. This song is just six words long. This song is just six words long. This song is just six words long.</p> 
</MenuItem>