Use async/await in getDerivedStateFromProps

Hi I’m in need of aysnc/await in getDerivedStateFromProps but it’s not working as expected.

static getDerivedStateFromProps(props, state) {
	const response = [];
	console.log('break 1');
	[1, 2].map(async path => {
		console.log('break 2');
		const data = await FileGetData.get(path);
		response.push(data);
	});
	console.log('break 3');
	return { fileData: response };
}

Expected

break 1
break 2
break 2
break 3

Results:

break1
break3
break2
break2

Can’t we use async/await in getDerivedStateFromProps?

Thanks,

[gaearon]

Don’t use getDerivedStateFromProps for data fetching. It’s not meant for this.

You want to put this logic into componentDidUpdate.

[gaearon]

Client implementation is more or less ready. The cache provider still needs work but the core implementation is already in production at FB.

We’re just starting work on the SSR part. So it might come later.