So übergeben Sie zusätzliche Requisiten an Kinder von arry.map

Question

Ich habe versucht, zusätzliche Requisiten zu den Kindern zu übergeben, die mit der .map-Funktion erstellt wurden, aber ich konnte sie nicht erfolgreich weitergeben.

Dies ist mein Code:

export const CommentsListShanghai = (props) => { 
 
    const newTimestamp = props.timestamp; 
 
    console.log(newTimestamp); 
 
    const comments = props.comments; 
 
    if (comments.length > 0) { 
 
    return (
 
    <ButtonToolbar className="comment-list"> 
 
    {comments.map((com) => { 
 
     return ( 
 
     com.adminSpark ? 
 
      <CommentsModal 
 
      className="comments-modal" 
 
      data-comments-modal={props.newTimestamp} 
 
      key={ com._id } 
 
      comment={ com } 
 
      city={com.city} 
 
      person={com.person} 
 
      location={com.location} 
 
      title={com.title} 
 
      content={com.content} 
 
      fileLink={com.fileLink} 
 
      timestamp={com.timestamp} 
 
      createdBy={com.createdBy} 
 
      /> : 
 
      <CommentsModal 
 
      key={ com._id } 
 
      comment={ com } 
 
      city={com.city} 
 
      person={com.person} 
 
      location={com.location} 
 
      title={com.title} 
 
      content={com.content} 
 
      fileLink={com.fileLink} 
 
      timestamp={com.timestamp} 
 
      createdBy={com.createdBy} /> 
 
     ) 
 
    })} 
 
    </ButtonToolbar> 
 
    ); 
 
    } else { 
 
    return (
 
     <Alert bsStyle="warning">No sparks yet. Please add some!</Alert> 
 
    ); 
 
    } 
 
}; 
 

 
CommentsListShanghai.propTypes = { 
 
    comments: React.PropTypes.array, 
 
};

ich in der Lage bin, alle Requisiten der Kommentare const zu übergeben, die ich geschaffen, das Problem ist, dass ich auch neben diesen Requisiten passieren eine zusätzliche Stütze, die im CommentsListShanghai verfügbar ist. Wie kann ich eine zusätzliche Requisite an dieses Array übergeben?

Ich kann console.log (newTimestamp) ohne ein Problem, aber verstehe nicht, wie ich es an die. Map-Funktion weitergeben kann.

Answer 1

Statt

data-comments-modal={props.newTimestamp} 

verwenden nur

data-comments-modal={props.timestamp} 

Die props bezieht sich hier noch auf den Kontext der CommentsListShanghai.