मुई-डेटाटेबल्स का उपयोग करने वाले किसी व्यक्ति के लिए प्रश्न। यह डेटा के साथ स्ट्रिंग्स की सरणी के रूप में काम करता है, हालांकि इस त्रुटि के साथ ऑब्जेक्ट्स की सरणी लोड करने में विफल रहता है:

बंडल.जेएस:१२६३७९ ध्यान में न आया (वादे में) लेखन त्रुटि: ई.मैप एक समारोह नहीं है

import MUIDataTable from "mui-datatables";

class App extends React.Component {

render() {

const columns = ["Name", "Title", "Location", "Age", "Salary"];

const data = [
  {name: "Gabby George", title: "Business Analyst", location: "Minneapolis", age: 30, salary: "$100,000"}      
];

const options = {
  filterType: 'dropdown',
  responsive: 'stacked'
};

return (
  <MUIDataTable 
    title={"ACME Employee list"} 
    data={data} 
    columns={columns} 
    options={options} 
  />
);

//return <div>a</div>;

  }

}

ReactDOM.render(<App />, document.getElementById("root"));
5
lentyai 31 मार्च 2018, 00:14

3 जवाब

सबसे बढ़िया उत्तर

इसके लायक क्या है, मैं मूल रूप से वस्तुओं की अपनी सरणी को सरल मान सरणी इनलाइन में मैप कर रहा हूं, जैसे:

const docs = [{"name": "Doc 1", "type": "PDF"}, {"name": "Doc 2", "type": "JPG"}];

<MUIDataTable
    title="Documents"
    data={docs.map(item => {
        return [
            item.name,
            item.type,
        ]
    })}
    columns={Object.keys(docs)}
/>

आप इसे किसी प्रकार के रैपर घटक में एकीकृत कर सकते हैं, लेकिन इसे एक बार की स्थिति में जोड़ना बहुत आसान है।

नोट: यदि डेटा सरणी खाली है, तो MUI डेटाटेबल्स रेंडर नहीं होंगे, इसलिए मैं अक्सर अपने कॉलम मैन्युअल रूप से जोड़ता हूं और मैपिंग से पहले लंबाई के लिए डेटा भी जांचता हूं, अन्यथा [[" "]] जैसी सरणी लौटाता हूं। इसका परिणाम कम से कम एक रिक्त तालिका में प्रस्तुत किया जा रहा है।

6
Andy Z 28 अगस्त 2018, 16:07

Mui-datatables वास्तव में वस्तुओं के सरणियों का समर्थन करता है। ऑब्जेक्ट्स की एक सरणी का उपयोग करने के लिए, ऑब्जेक्ट प्रॉपर्टी को कॉलम ऐरे में इस प्रकार निर्दिष्ट किया जाना चाहिए:

const columns = [
  { label: "Name", name: "name" },
  { label: "Title", name: "title" }, 
  { label: "Location" name: "location" }, 
  { label: "Age", name: "age" }, 
  { label: "Salary", name: "salary" }
];

const data = [
  {name: "Gabby George", title: "Business Analyst", location: "Minneapolis", age: 30, salary: "$100,000"}      
];

const options = {
  filterType: 'dropdown',
  responsive: 'stacked'
};

return (
  <MUIDataTable 
    title={"ACME Employee list"} 
    data={data} 
    columns={columns} 
    options={options} 
  />
);
3
Ace 8 अप्रैल 2019, 20:12

इस सवाल पर ठोकर खाने वालों के लिए। यह पता चला कि मुझे कुछ भी याद नहीं है, और 'मुई-डेटाटेबल्स' केवल सरणी की सरणी का समर्थन करता है - योजनाओं में वस्तुओं की सरणी के लिए कोई समर्थन नहीं। और यह बहुत बुरा है - मेरा मानना ​​​​है कि इस तरह के घटकों को डेटा के साथ काम करना चाहिए जिस तरह से यह एपीआई द्वारा लौटाया जाता है ... ओह, मुझे लगता है कि इसकी देखभाल के लिए मुझे अपना खुद का रैपर घटक बनाना होगा।

2
lentyai 30 मार्च 2018, 23:13