Как вывести объекты из localStorage в React?
Нужно не return делать, а записывать это в массив. И ключ брать по индексу, а не в виде "task"+iclass TaskOutput extends Component {  
    render() {

        var list = [];
        for (var i = 0; i < localStorage.length; i++) {
            const list = JSON.parse(localStorage.getItem(localStorage.key(i)))
            list .push(
                <div className={'task'+i}>
                    <h1>{list['title']}</h1>
                    <p>{list['description']}</p>
                </div>
            )
        }
        return <div>list</div>;
    }
}
Нужно не return делать, а записывать это в массив. И ключ брать по индексу, а не в виде "task"+iclass TaskOutput extends Component {  
    render() {

        var list = [];
        for (var i = 0; i < localStorage.length; i++) {
            const list = JSON.parse(localStorage.getItem(localStorage.key(i)))
            list .push(
                <div className={'task'+i}>
                    <h1>{list['title']}</h1>
                    <p>{list['description']}</p>
                </div>
            )
        }
        return <div>list</div>;
    }
}