reacciona después de mapear una matriz, nada representa

Tengo una entrada que, después de que el usuario inserta un texto, quiero mostrar cada palabra en un botón enbutton-group. Divido la oración y la mapeo que devuelve

<input .....><button onClick=....>

así que inserto el texto en la entrada, después de hacer clic en el botóntext.split(" ") todo funciona correctamente hasta aquí. pero en la parte del grupo de botones no muestra nada

<div className="btn-group" role="group" aria-label="...">
   {this.mapArrayToButtons()}
</div>

   mapArrayToButtons(){
        this.state.textArr.map((word)=>{
            console.log('the word: ',word);
            return(<button key={word} type="button" className="btn btn-default" value={word}>{word}</button>);});
    }

Veo el registro de la consolatextArr.length tiempos y palabra por palabra. pero no se muestra ningún botón y no se muestra nada en el navegador.

Respuestas a la pregunta(3)

Su respuesta a la pregunta