Question

我试图在react-native中开发一个简单的应用程序，该应用程序生成一个简单的CSV文件，并引发标题中提到的异常。

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import {CSVLink, CSVDownload} from 'react-csv';

export default class App extends React.Component{
  header = [
    {label: "Person", key: "FirstPerson"},
    {label: "spouse", key: "SecondPerson"}
  ]
  data = [
    {FirstPerson: "John", SecondPerson: "Scarlett"},
    {FirstPerson: "Maddy", SecondPerson: "Elsa"},
  ]
  render() {
    return (
      <View style={styles.container}>
        <CSVLink data={this.data} headers={this.header} filename={"file.csv"}>
          <Text>get your CSV right here!</Text>
        </CSVLink>
        <CSVDownload data={this.data} />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

请注意，当我检查包含组件CSVLink的文件时，有一个组件a，其中定义并返回了该特定组件的所有道具。由于我是该技术的新手，因此无法在特定的时间解决该异常，因此，我们将不胜感激！

在react-csv中“不变违反：未找到名称a的视图配置”

0 个答案: