Javascript react native中出现意外错误

我是react native的新手，为学习制作了一个演示。我的DataDetail文件的第11行出现错误DataDetail.js意外标记（11:2）。下面是我的DataDetail文件的代码

1. //DataDetail.js
2. 
3. import React from 'react';
4. import {Text,View} from 'react-native';
5. 
6. const DataDetail = (props) => {
7.  return (
8.    <View>
9.      <Text>{props.objData.title}</Text>
10.    </View>>
11.  );
12. };
13. 
14. export default DataDetail;

1//DataDetail.js
2.
3.从“React”导入React；
4.从“react native”导入{Text，View}；
5.
6.const DataDetail=（道具）=>{
7.返回(
8.
9.{props.objData.title}
10.    >
11.  );
12. };
13
14导出默认数据详细信息；

我从我的组件中调用它：

import DataDetail from './DataDetail';
import React, {Component} from 'react';
import {Text,View} from 'react-native';
import axios from 'axios';

export default class Home extends Component<Props> {

state = {arrData:[]};

componentWillMount(){
  axios.get('https://reduxblog.herokuapp.com/api/posts')
  .then(response => this.setState({arrData:response.data}));
}

renderList(){
  return this.state.arrData.map(data => <DataDetail key={data.id} objData={data} />);
}

render() {
  return (
    <View>
      {this.renderList()}
    </View>
  );
}
}

从“/DataDetail”导入DataDetail；
从“React”导入React，{Component}；
从“react native”导入{Text，View}；
从“axios”导入axios；
导出默认类Home extends组件{
状态={arrData:[]}；
组件willmount（）{
axios.get（）https://reduxblog.herokuapp.com/api/posts')
.then（response=>this.setState（{arrData:response.data}））；
}
renderList（）{
返回this.state.arrData.map（data=>）；
}
render（）{
返回(
{this.renderList（）}
);
}
}

有谁能帮我理解，我做错了什么

---

谢谢

您在关闭

视图

标记时有2个

6. const DataDetail = (props) => {
7.  return (
8.    <View>
9.      <Text>{props.objData.title}</Text>
10.    </View>
11.  );
12. };

6。const DataDetail=（道具）=>{
7.返回(
8.
9.{props.objData.title}
10
11.  );
12. };

你的JSX中有一个额外的箭头

哦，谢谢你。。我在那个愚蠢的错误中损失了30分钟。有没有办法在编辑器中检查这个打字错误。使用一个像这样的过梁。它可以很容易地插入到多个编辑器中。我正在使用flex和核素。。。ESLint在规则和配置方面存在多个问题如果您不想使用默认设置或任何已定义的默认样式（如airbnb样式），您可以自定义ESLint应用哪些规则。