Necesito configurar los accesorios del componente después de que se almacena en una variable, aquí hay un pseudocódigo:

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

        )
      })
    )
  }

Dentroreturn Ejecuto un bucle donde necesito establecer accesorios para el componente que se almacena dentro de una variable ... ¿Cómo configurar accesorios para este componente que almacené anteriormente en una variable?