I´m new to this and testing the

MDBNotification

I have this code:

const ConnectedList = ({ badword }) => (
    <ul className="list-group list-group-flush">
        <MDBNotification
        show
        fade
        title="Bootstrap"
        message="Word is " + badword // Cannot add the badWord 
        text="11 mins ago"
        style={{
          position: "absolute",
          top: 0,
          right: 0
        }}
      />
    </ul>
);

I dont understand how to add badWord to the message?