Реагировать - это не определено внутри компонента

У меня возникла проблема, когда я передаю значение из дочернего в родительский класс, оно работает, но когда я хочу передать его от родителя к «дедушке и бабушке», он сообщает мне, что «this» не определено, и я не могу передать функцию как «function = { this.functionName} '

Вот компонент, который вызывает у меня проблемы:

class MessageList extends Component {
constructor (props) {
    super(props);
    this.state = {
        applyFor: ''
    }
    this.updateApply = this.updateApply.bind(this);
}

updateApply = (posName) => {
    this.setState({
        applyFor: posName
    })
}...

и это моя функция рендеринга

render() {
    return(
    this.props.messages.map(function(message, index){
        if (message.type === 'out') { 
            if (message.qType === 'quick reply'){
                return (
                    <React.Fragment>
                        <BotTextMessage key = {index} message = {message.message.text} />
                        <FadeIn>
                            <QuickReplyWrapper key = {index} options = {message.message.options} />
                        </FadeIn>
                    </React.Fragment>
                ); 
            } else {
                return <BotTextMessage key = {index} message = {message.message.text} />;
            }
        } else {
        // console.info(this)
        return  <OpenPositionWrapper updateApply = {this.updateApply}/>

        }
    }));

}

когда я регистрирую это, он не определен, а для 'updateApply' он дает мне:

MessageList.js:65 Uncaught TypeError: Cannot read property 'updateApply' of undefined