Question

在this ReactVR example中，我看到了这种语法：

export default ({ style }) => (
  <View style={style}> ...
)

我已经完成了一些ES6 / TypeScript，但这对我来说似乎没什么。

它做什么？它是React还是JSX特有的？（我是这两个人的新手，搜索但没找到。）

此外，如何将其转换为普通的基于类的组件？

Answer 1

代码正在导出stateless functional component。

这是一个匿名的es6 arrow function，其中包含object destructuring参数。

它也可以这样写：

const YourComponent = props => {
  const { style } = props;
  return (
    <View style={style}>...
  );
};
export default YourComponent;

要转换为基于类的组件，您可以执行以下操作：

import React, { Component } from 'react';
export default class YourComponent extends Component {
  render () {
    const { style } = this.props;
    return (
      <View style={style}>...
    );
  }
}

JavaScript函数语法？ export default（{...}）=＆gt; （<view .... =“”>）

1 个答案: