我开始使用 React Native 进行编程，并且习惯了使用以下语法：
async myFunction(){
...
return await otherFunction();
}
但是我不知道如何在共享包中使其与React JS和React Native兼容。我怎样才能做到这一点，以便它在两个平台上工作？
谢谢！
是否可以在 React JS 中使用 async/await？
IT技术
reactjs
react-native
2021-04-20 17:56:51
3个回答
如果您使用 create-react-app 构建，它从 v0.2.3 开始可用
https://github.com/facebookincubator/create-react-app/releases/tag/v0.2.3
它可以在像这样的组件中使用
class App extends Component {
constructor(props) {
super(props);
this.state = { message: '' };
}
async componentDidMount() {
this.setState({ message: 'loading...' });
let d = await getData('/posts/1');
this.setState({ message: d });
}
render() {
let { message } = this.state;
return (
<div className="App">
<p className="App-intro">
{ message }
</p>
</div>
);
}
}
看：
https://github.com/facebookincubator/create-react-app/issues/1024
React Native 附带了 Babel 和一些 Babel 预设，而 Web 上的 React 只是与 React 相关的代码。
如果你今天想在 web 上使用 async/await，你需要 Babel 和正确的转换：https : //babeljs.io/docs/plugins/transform-async-to-generator/
或 stage-1 预设，这在当今的 React 应用程序中相当普遍。http://babeljs.io/docs/plugins/preset-stage-1/
或者，您可以使用Typescript。
从 2.1 版开始，可以使用async/await并直接转换为 ES5（换句话说，它可以在所有浏览器上运行）
其它你可能感兴趣的问题