Set Requisiten der Komponente dynamisch

Ich muss die Requisiten der Komponente setzen, nachdem sie in einer Variablen gespeichert wurden. Hier ist der Pseudocode:

render(){

    let items = [{title:'hello'}, {title:'world'}];
    let component = false;

    switch (id) {
      case 1:
        component = <A />
        break;
      case 2:
        component = <B />
        break;      
    }

    return(
      items.map((item, index)=>{
        return(
          <span>
            {/* SOMETHING LIKE THIS WOULD BE COOL - IS THAT EVEN POSSIBLE*/}
            {component.props.set('title', item.title)}
          </span>11

        )
      })
    )
  }

Innerhalbreturn Ich führe eine Schleife aus, in der ich Requisiten für die Komponente festlegen muss, die in einer Variablen gespeichert ist. Wie kann ich Requisiten für diese Komponente festlegen, die ich zuvor in einer Variablen gespeichert habe?

Antworten auf die Frage(6)

Ihre Antwort auf die Frage