Я не могу получить доступ к 2d-массиву в render() метода React.Component

Я объявил arr2d как state = { arr2d: [] }. Я хочу получить к нему доступ в моем методе рендеринга, указанном ниже. Я определил это в componentDidMount().

мой метод рендеринга выглядит следующим образом

render() {
    return (
        <div className="App">
            <button
                onClick={() => {
                    console.log(this.state.arr2d[0][1]);
                }}
            >
                Click Me
            </button>
            {console.log(this.state.arr2d[0][1])}
        </div>
    );
}

Я впервые задаю вопрос о stackoverflow. Буду очень признателен за любую помощь. Спасибо.