प्रतिक्रिया घटक जो Google के सामग्री डिज़ाइन को लागू करते हैं। कृपया ध्यान दें कि इस टैग का उपयोग सामग्री-UI ढांचे के बारे में प्रश्नों के लिए किया जाना चाहिए। अन्यथा, उपयोग करने के लिए अन्य टैग के लिए टैग की जानकारी देखें।

के बारे में अधिक material-ui...

मैं डेटा की एक सूची पुनर्प्राप्त कर रहा हूं और todos की सूची से एक शीर्षक नाम खोज रहा हूं, फिर मैं स्विच मटेरियल UI एक घटक के साथ बनाया है जो पूर्ण हो चुके और नहीं किए गए कार्य को टॉगल करने के लिए है। आप पूरा डेमो यहां देख सकते हैं => https: //codesandbox.io/s/so-68247206-forked-sx9kv?file=/src/Ap....
5 जुलाई 2021, 19:25
मैं कार्यात्मक घटक प्रतिक्रिया करें में एकल बटन के माध्यम से सामग्री UI दराज खोलें और बंद करें को संभालना चाहता हूं। const handleDrawerOpen = () => { setOpen(true); }; const handleDrawerClose = () => { setOpen(false); }; <IconButton color="inherit" aria-label="open drawer" onCl....
4 जुलाई 2021, 17:07
मैं इस कोड के साथ इनपुट मान नहीं प्राप्त कर सकता/सकती हूं। मैंने onKeyUp, onKeyDown और onKeyPress के साथ प्रयास किया लेकिन ये काम नहीं कर रहे हैं क्योंकि मूल्य वापस नहीं किया गया है। आम तौर पर onChange संपत्ति के साथ मूल्य प्राप्त करें लेकिन यह प्रत्येक दर्ज किए गए नए चरित्र को ट्रिगर करता है। <Te....
18 मई 2021, 02:05
मैंने अपने बैकएंड एपीआई नियंत्रक में अपनी विदेशी कुंजी के लिए कार्यक्षमता शामिल की है और अब मूल्यों को मेरे रेडक्स स्टोर में खींचा जा रहा है जहां मैं उन्हें होना चाहता हूं। जब मैं उन्हें कार्ड घटकों में मैप करने का प्रयास करता हूं तो अब मुझे मूल्यों तक पहुंचने में परेशानी हो रही है क्योंकि मेरा घटक ....
29 अप्रैल 2021, 14:28
मुझे अपने वेब एप्लिकेशन प्रोजेक्ट कैरोसेल का स्क्रीनशॉट....
22 अप्रैल 2021, 14:40
मैं सामग्री-यूआई DataGrid के साथ एक फ़ाइल सूची बना रहा हूं। उपयोगकर्ता अपना चयन करने के लिए DataGrid में चेकबॉक्स चेक करने में सक्षम है। मैं चाहता हूं कि उपयोगकर्ता द्वारा चयनित फ़ाइल को हटाने जैसी कुछ क्रिया करने के बाद चेकबॉक्स रीसेट हो जाए। मुझे जिस समस्या का सामना करना पड़ रहा है वह है हटाने क....
22 अप्रैल 2021, 11:34
उपयोगकर्ता द्वारा फॉर्म भरने तक मुझे अगला बटन अक्षम करने की आवश्यकता है। पूरा घटक यहाँ संलग्न है। मुझे अगला बटन अक्षम करने की आवश्यकता है। यह फ़ॉर्म सामग्री UI के साथ प्रतिक्रिया-हुक-से में उपयोग से() का निर्माण करता है। यह पता1, शहर और ज़िप फ़ील्ड के लिए API डेटा के साथ एकीकृत है। अगला बटन पेम....
18 अप्रैल 2021, 10:45
मेरे पास कई बाहरी मेकस्टाइल हैं जिन्हें मैं जोड़ना चाहता हूं। इसलिए, मैं प्रति घटक शैली को व्यवस्थित कर सकता हूं। सिंगल मेकस्टाइल भी अच्छा है लेकिन फाइल की लंबाई बहुत ज्यादा है। मैंने इसे सामग्री ui दस्तावेज़ीकरण पर देखा लेकिन यह काम नहीं कर रहा है Makestyle import useStyles from '../styles/style'....
18 अप्रैल 2021, 08:10
मेरे पास ग्राहकों की एक बुनियादी सूची है। मैं सूची प्रस्तुत करने के लिए सामग्री UI डेटाग्रिड का उपयोग कर रहा हूं। हालांकि प्रत्येक सूची में आइटम को संपादित करने और हटाने के लिए बटन होते हैं। लेकिन मैं सूची से आइटम को हटाने में असमर्थ हूं, भले ही जब मैंने सांत्वना देने का प्रयास किया तो मुझे ग्राह....
17 अप्रैल 2021, 16:52
मेरे पास एक वेबसाइट है जो प्रतिक्रिया का उपयोग करके विकसित हुई है जिसमें एक पृष्ठ है, लेकिन उत्पादन बंडल आकार 1.11 एमआईबी है। मैं इस ऐप ऐप के लिए फायरस्टोर, फायरबेस स्टोरेज, मटेरियल-यूआई, रिएक्ट-रेडक्स का उपयोग कर रहा हूं, बंडल साइज को छोड़कर सब कुछ ठीक है। मैंने बंडल आकार का विश्लेषण करने के लिए ....
17 अप्रैल 2021, 12:40
मैं कम से कम 20 पंक्तियों के साथ DataGrid का उपयोग कर रहा हूं। मैं जो चाहता था वह एक निश्चित ऊंचाई के भीतर इसके प्रदर्शन को सीमित करना है और शेष पंक्तियों को घटक के स्क्रॉलबार का उपयोग करके देखा जा सकता है। DataGrid के लिए स्क्रॉल स्वयं नहीं दिख रहा है <DataGrid columns={columns} rows={dat....
16 अप्रैल 2021, 05:47
मैं अपने वेब ऐप में एक कूल थीम चेंजिंग (लाइट से डार्क और इसके विपरीत) फीचर जोड़ने की कोशिश कर रहा हूं। मैं ऐप बनाने के लिए प्रतिक्रिया के साथ सामग्री-यूआई ढांचे का उपयोग कर रहा हूं। यहाँ कोड है: const theme = createMuiTheme({ palette : { primary : { main : '#9a30b5', }, seconda....
15 अप्रैल 2021, 05:57
जब मटेरियल-यूआई जैसे पुस्तकालयों में देखा जाता है, तो यह स्पष्ट हो जाता है कि कुछ प्रकार की स्क्रिप्ट है जो एक ही समय में हजारों घटकों को एक index.js फ़ाइल से निर्यात करने का ख्याल रखती है। अगर हम देखें उदा। यहां, मैं केवल यह मान सकता हूं कि यह फ़ाइल किसी व्यक्ति (8k+ निर्यात) द्वारा उत्पन्न नहीं क....
14 अप्रैल 2021, 13:58
अपने सामग्री UI पैलेट को अनुकूलित करने के लिए, मैंने अपनी थीम सेट करने के लिए कुछ इस तरह किया है: import blue from '@material-ui/core/colors/blue'; const theme = createMuiTheme({ palette: { primary: blue, }, }); blue में कई रंग हैं, जैसा कि नीचे दिखाया गया है: अब मैं अपने घटक के अंदर prim....
9 अप्रैल 2021, 02:25
मुझे सामग्री-यूआई के साथ प्रतिक्रिया-हुक-फॉर्म का उपयोग करने में कठिनाई होती है। मैंने एक codesandbox उदाहरण तैयार किया है। import { TextField } from "@material-ui/core"; import React from "react"; import { useForm } from "react-hook-form"; import "./styles.css"; interface IMyForm { vasarlo: stri....
8 अप्रैल 2021, 20:32
मैं एक साधारण फॉर्म बनाने के लिए react-hook-form V7 के साथ Material UI का उपयोग कर रहा हूं, हालांकि, useForm({mode: ".."}) में मोड सेट करते समय एक अजीब व्यवहार होता है। यहाँ मेरी कोड का टुकड़ा है: import { yupResolver } from "@hookform/resolvers/yup"; import { Button, Grid, Link, TextField, Typogra....
8 अप्रैल 2021, 01:03
प्रोफ़ाइल घटक में निम्न कोड होता है: <div className="button_container" style={{display:'flex'}}> <DownloadButton text={'PDF'} icon={<GetAppIcon />} /> </div> बटन घटक में निम्न कोड होता है: import React from 'react' import { Button } from "@material-ui/core"; import './Button.css' c....
7 अप्रैल 2021, 20:35
इस प्रतिक्रिया सामग्री-यूआई बटन को पृष्ठ के दाईं ओर संरेखित करने का प्रयास कर रहा है और यह काम नहीं कर रहा है: <Grid item justify="flex-end"> <Button variant="contained" color="primary" onClick={() => myFunction()} > Submit </Button....
7 अप्रैल 2021, 05:36
मैं यह पता लगाने की कोशिश कर रहा हूं कि उपयोगकर्ताओं को साल के हर महीने के आखिरी दिन का चयन करने दें (बाकी दिनों को अक्षम करना)। सामग्री यूआई डेट पिकर के उपयोग के साथ, इसका उचित समाधान नहीं ढूंढ पा रहा था। मैं वास्तव में सराहना करता हूं अगर कोई मुझे यह दिखाने में सक्षम हो कि इसे कैसे कार्यान्वित क....
26 मार्च 2021, 19:41
मैं तालिका डेटा दिखाने के लिए Reactjs में सामग्री तालिका का उपयोग कर रहा हूं। यहां मैं उस हिस्से पर फंस गया हूं जहां मैं संपादन विकल्प/आइकन पर क्लिक करने पर राज्य बदलना चाहता हूं। मैं संपादित करें बटन की onClick कार्यक्षमता को बदलना नहीं चाहता, लेकिन मैं केवल संपादन आइकन तक पहुंचना चाहता हूं। क्....
22 मार्च 2021, 16:44
क्या कोई जानता है कि सामग्री-यूआई DataGrid से सभी पंक्ति डेटा कैसे प्राप्त करें? उदाहरण के लिए, मैंने DataGrid पंक्तियों के अंदर कुछ मान बदल दिए हैं और परिवर्तन करने के बाद अपनी सभी पंक्तियों को प्राप्त करना चाहता हूं। उदाहरण: import { Button, TextField } from "@material-ui/core"; import { DataGri....
21 मार्च 2021, 00:03
तो मैं परीक्षण करने की कोशिश कर रहा हूं कि मेरे घटक में कक्षा है या नहीं। समस्या यह है कि यह मटेरियलयूआई का उपयोग करके उत्पन्न होता है। तो जब मैं यह जांचने की कोशिश करता हूं कि मेरे घटक में spinningIconCenter की कक्षा है, तो परीक्षण विफल हो जाता है क्योंकि कक्षा है: makeStyles-spinningIconCenter-9....
मेरे पास एक nextjs ऐप है (https://codesandbox.io /s/kind-ellis-bkobb?file=/pages/list2.js) किसी पेज के साथ बिना किसी थीम के सामग्री-यूआई का उपयोग करना: import ListItem from "@material-ui/core/ListItem"; import ListItemText from "@material-ui/core/ListItemText"; import List from "@material-ui/core/L....
8 पद 2020, 18:15
शुभ दोपहर, मुझे अपने डेटा को अपरिभाषित निम्नलिखित कोड के मान को स्वीकार करने में परेशानी हो रही है: interface IModalContatos { dados: IContatos; onSave(dados: IContatos): void; onClose(): void; } मैं इस डेटा को अपने मोडल में पास कर रहा हूं और यह मुझे त्रुटि लौटा रहा है ** टाइप करें 'IContact....
8 पद 2020, 18:04
मेरे पास मेरी पृष्ठभूमि के साथ मेरा कस्टम बटन और एक :hover रंग है, वेब पर यह ठीक काम करता है, लेकिन मोबाइल उपकरणों पर, बटन पर क्लिक करने के बाद, यह :hover का रंग तब भी रखता है जब माउस है उस बटन के ऊपर नहीं। मैं इस त्रुटि को ठीक करने का एक तरीका खोजना चाहता हूं क्योंकि बटन :focus css मीडिया को उसी व....
5 पद 2020, 18:40