Estou tentando definir o estado de um componente depois que um retorno de chamada ajax recebe dados da API REST. aqui está o meu código para o construtor de componentes

constructor(props) {
    super(props);
    this.state = { posts: [] };
    this.getPosts = this.getPosts.bind(this);
}

Então eu tenho umcomponentDidMount método que se parece com o seguinte.

componentDidMount() {
        this.getPosts();
}

Agora, aqui está minha função getPosts, onde estou fazendo a solicitação ajax.

getPosts = () =>  {
    $.ajax({
        type: 'get',
        url: urlname,
        success: function(data) {
            this.setState( { posts: data } )
        }
    });
}

Estou tentando definir o estado, mas estou recebendo o seguinte erro.

this.setState is not a function

Não tenho certeza do que está causando isso. Seria realmente útil se alguém me apontasse a direção certa. Desde já, obrigado.