Wie eine React-Komponente als Prop zu übergeben

Question

Ich verwende react-semantic-ui Modal-Objekt. Das Objekt, das das Modal öffnet, ist eine Stütze.

<Modal 
     trigger=<Button>Text</Button> 
     otherProp=... 
    > 
    </Modal> 

Ich möchte Modal in einer anderen Komponente einzubetten:

export default class Confirm extends Component { 

    render() { 
     return (
      <Modal 
       trigger={this.props.trigger} /* here */ 
       >  
       <Modal.Content> 
        ... 
       </Modal.Content> 
       <Modal.Actions> 
        ... 
       </Modal.Actions> 
      </Modal> 
     ) 
    } 
} 

Wie kann ich pass JSX Code (<Button>Text</Button>) als Stütze als Modal Stütze zu machen?

Answer 1

Schnell

<Modal trigger={ <Button>Text</Button> }> 
    // content goes here 
</Modal> 

und innen Modal Folgendes tun können, können Sie es über this.props.trigger zugreifen, die Ihre Schaltfläche Komponente sein wird, und Sie können es wie unten

render() { 
    return (
     <div> 
      // some code can go here 
      { this.props.trigger } 
     </div> 
    ); 
}