Material-ui: [मेनू आइटम] मेनू आइटम के भीतर लिंक

को निर्मित 6 जन॰ 2015 · 43टिप्पणियाँ · स्रोत: mui-org/material-ui

नमस्ते, मैं मेनू आइटम के वर्तमान कार्यान्वयन को देख रहा था और देखा कि कोई वास्तविक लिंक नहीं है (अर्थात, html <a> टैग)। परिणामस्वरूप, उदाहरण के लिए, नेविगेशन बार में भी कोई वास्तविक लिंक नहीं होता है, और अन्य पृष्ठों पर संक्रमण ऑनक्लिक ईवेंट के माध्यम से प्रबंधित किए जाते हैं।

मुझे लगता है कि लिंक होने से सुधार होगा, विशेष रूप से सर्वर-साइड प्रस्तुत पृष्ठों पर विचार करना।

क्या आपको लगता है कि यह समझ में आता है, या क्या आपके पास इस दिशा में न जाने के विशिष्ट कारण हैं?

v0.x

स्रोत

0x0ece

👍2

सबसे उपयोगी टिप्पणी

containerElement प्रोप का उपयोग करें!

देखो:
http://stackoverflow.com/questions/32106513/material-ui-menu-using-routes/34507786#34507786

<MenuItem
  containerElement={<Link to="/profile" />}
  primaryText="Profile"
  leftIcon={
    <FontIcon className="material-icons">people</FontIcon>
  } />

DaxChen 29 दिस॰ 2015

👍46 🎉15 👎2

सभी 43 टिप्पणियाँ

मैं इस बारे में भी सोच रहा हूं। मैं अपने आवेदन में सर्वर-साइड प्रतिपादन का उपयोग कर रहा हूं, यह देखने के लिए कुछ है।

WRidder 6 जन॰ 2015

href विशेषताओं वाले एंकर तत्वों का उपयोग करने से पहुंच में भी सुधार होगा और लोगों को वे ब्राउज़र व्यवहार का उपयोग करने की अनुमति मिलेगी जिसके वे आदी हैं (उदाहरण के लिए ⌘-नए टैब में खोलने के लिए क्लिक करें)।

tschaub 7 जन॰ 2015

ZMYaro 12 जन॰ 2015

ButuzGOL 25 फ़र॰ 2015

batazor 8 अप्रैल 2015

mewben 28 अप्रैल 2015

batazor 1 मई 2015

nikhildaga 27 अग॰ 2015

rhythnic 3 नव॰ 2015

@ecesena क्या आपको लगता है कि यह अभी भी नए MenuItem घटक के साथ एक मुद्दा होगा? यहां देखें। MenuItem s <a>..</a> घिरा हो सकता है, नहीं?

shaurya947 11 नव॰ 2015

👍2

@shaurya947 ने जो सुझाव दिया,

alitaheri 8 दिस॰ 2015

मैं अपने वामनेव में इस तरह MenuItems का उपयोग करने का प्रयास कर रहा हूं:

        let menuItems = (
            <div>
                <MenuItem primaryText="Doors"           leftIcon={<FontIcon className="material-icons" color={GlobalStyles.default.activeColor}>home</FontIcon>} /></a>
                <MenuItem primaryText="Load"           leftIcon={<FontIcon className="material-icons" color={GlobalStyles.default.activeColor}>home</FontIcon>} />
                <MenuItem primaryText="Notes"           leftIcon={<FontIcon className="material-icons" color={GlobalStyles.default.activeColor}>home</FontIcon>} />
                <MenuItem primaryText="Alerts"          leftIcon={<FontIcon className="material-icons" color={GlobalStyles.default.activeColor}>home</FontIcon>} />
                <MenuItem primaryText="Admin"           leftIcon={<FontIcon className="material-icons" color={GlobalStyles.default.activeColor}>home</FontIcon>} />
            </div>
        );

        return (
            <LeftNav
                ref="leftNav"
                docked={false}
                onChange={this._onLeftNavChange}
            >
                {menuItems}
            </LeftNav>
        )

रैपिंग एक <a> के चारों ओर एक <MenuItem> टैग फेंकता एक चेतावनी validateDOMNesting(...): <a> cannot appear as a descendant of <a>. See MainLayout > a > ... > MenuItem > ListItem > EnhancedButton > a"

यदि आप आउटपुट का रिएक्ट निरीक्षण करते हैं तो आपको निम्नलिखित मिलते हैं।

<a href="/">
    <MenuItem..>
        <ListItem..>
            <div>
                <EnhancedButton..>
                    <a>
                        <TouchRipple ..>
                    </a>
                </EnhancedButton>
            </div>
        </ListItem>
    </MenuItem>
</a>

जिसमें <a> तत्वों नेस्टेड होना आपत्तिजनक है।

<MenuItems> बटन घोषणा के भीतर <a> तत्व उत्पन्न करें। उत्पन्न <EnhancedButton> भीतर href विशेषता को पॉप्युलेट करने के लिए MenuItem से किस प्रोप का उपयोग किया जाता है?

लेफ्टनव के लिए एक प्रोप के रूप में मेन्यूइटम ऑब्जेक्ट का उपयोग करने से लिंकिंग कार्य हो जाता है, लेकिन मैं यह पता लगाने में सक्षम नहीं हूं कि इस तरह बाएं/दाएं आइकन कैसे जोड़ें।

अर्थात:

let menuItems = [
         { route: '/load_areas/'+ this.state.area + '/doors', text: 'Doors' },
         { route: '/load_areas/'+ this.state.area + '/trailer_loads', text: 'Load' },
         { route: 'notes', text: 'Notes' },
         { route: 'alerts', text: 'Alerts' },
         { route: 'admin', text: 'Admin' }
         ];

<LeftNav
                ref="leftNav"
                docked={false}
                menuItems={menuItems}
                onChange={this._onLeftNavChange}
            />

inkorange 16 दिस॰ 2015

यह एक अलग मुद्दा है, कृपया इसे खोलें, ताकि हम इसे लेबल कर सकें और इसे मील के पत्थर में जोड़ सकें, टीएनएक्स: ग्रिन:

alitaheri 16 दिस॰ 2015

containerElement प्रोप का उपयोग करें!

देखो:
http://stackoverflow.com/questions/32106513/material-ui-menu-using-routes/34507786#34507786

<MenuItem
  containerElement={<Link to="/profile" />}
  primaryText="Profile"
  leftIcon={
    <FontIcon className="material-icons">people</FontIcon>
  } />

DaxChen 29 दिस॰ 2015

👍46 🎉15 👎2

अब linkButton के प्रोप EnhancedButton को हटा दिया गया है। जब href संपत्ति प्रदान की जाती है तो LinkButton की अब आवश्यकता नहीं है। इसे v0.16.0 के साथ हटा दिया जाएगा।

उदाहरण के लिए:

<MenuItem primaryText="Primary Text" href="/your/link" />

nodejh 12 सित॰ 2016

👍6 😕2

href पुनः लोड पृष्ठ। कैसे के बारे में अगर मैं प्रतिक्रिया राउटर का उपयोग करना चाहता हूँ

cezarneaga 2 नव॰ 2016

👍3

@cezarneaga कोशिश करें href="#/your/link"

Oduig 5 नव॰ 2016

<MenuItem
  containerElement={<Link to="/profile" />}
.../>

दस्तावेज़ीकरण में उल्लेख है कि आपको linkButton भी दर्ज करने की आवश्यकता है। यदि आप इसे हटाते हैं, तो यह त्रुटियों के बिना काम करता है।

cezarneaga 5 नव॰ 2016

👍13

@DaxChen मैंने दिसंबर 2016 (अत्यंत हालिया हाहा) के लिए आपका

<Drawer
  docked={false}
  width={300}
  onRequestChange={this.closeDrawer}
  open={this.state.open}>
  <AppBar title="Title"
 />
  <MenuItem primaryText="home" containerElement={<Link to="/home" />} />
</Drawer>

Faolain 25 दिस॰ 2016

कंटेनर एलिमेंट काम करता है लेकिन दस्तावेज नहीं है, इसलिए मुझे लगता है कि इस धागे को अभी के लिए आधिकारिक दस्तावेज के रूप में काम करना होगा। धन्यवाद!

kgregory 9 फ़र॰ 2017

हाय @ फाओलेन !

देर से उत्तर के लिए वास्तव में खेद है ...
मैंने आपको create-react-app साथ एक साफ ऐप पर कोड करने की कोशिश की, लेकिन सब कुछ ठीक काम कर रहा था ?!
हो सकता है कि आपने react-router अलग तरीके से कॉन्फ़िगर किया हो, या संस्करण अलग है?

वैसे भी, यहां एक उदाहरण रेपो और यहां लाइव डेमो है ।

यदि आप अभी भी अपनी समस्या का कारण नहीं ढूंढ पा रहे हैं, तो क्या आप पुन: पेश करने के लिए एक नमूना रेपो प्रदान कर सकते हैं?

DaxChen 12 फ़र॰ 2017

ऊपर दिए गए किसी भी समाधान ने सफारी और आईओएस पर काम नहीं किया। तो यहाँ मैंने react-router लिए एक काम के रूप में क्या किया है

          <MenuItem
            onTouchTap={() => {
              this._yourMethod()
              browserHistory.push('/howItWorks')
            }}
            primaryText="Menu Link"
          />

janzenz 14 अप्रैल 2017

@janzenz क्या यह उदाहरण यहां आपके ब्राउज़र में काम नहीं कर रहा है?

मैंने इसे मैकओएस पर सफारी और आईओएस पर सफारी में आजमाया और वे सभी काम करते हैं। क्या यह आपके लिए काम नहीं कर रहा है?

यद्यपि आपका समाधान काम करता है, यह खराब एसईओ का कारण बन सकता है और आप कुछ मूल व्यवहार जैसे लिंक-पूर्वावलोकन और नए टैब में खोलने के लिए विकल्प-क्लिक खो देंगे।

DaxChen 16 अप्रैल 2017

@DaxChen अंतर्दृष्टि के लिए धन्यवाद। मुझे यकीन नहीं है कि मेरी समस्या आपके पहले लिंक से संबंधित है या नहीं। मैंने पहले से ही दूसरा प्रयास किया है, लेकिन एक बार जब मैं onTouchTap प्रोप जोड़ता हूं तो <Link /> अब और काम नहीं करता है।

janzenz 16 अप्रैल 2017

@janzenz मैंने अपने पिछले उदाहरण में onTouchTap प्रोप जोड़ा है और यह अभी भी काम करता है।
पता नहीं आपकी सेटिंग कहीं अलग है या कुछ और...
आप अद्यतन कोड देख सकते हैं और देख सकते हैं कि यह आपके लिए काम करता है या नहीं?

DaxChen 16 अप्रैल 2017

@DaxChen मुझे लगता है कि आप संस्करण ~0.16.0 पर material-ui का उपयोग कर रहे हैं। क्या आपने नवीनतम ~0.17.0 की कोशिश की है और देखें कि क्या यह अभी भी कोई समस्या नहीं है?

janzenz 17 अप्रैल 2017

@janzenz मैं एक पुराने संस्करण का उपयोग कर रहा था, बस नवीनतम 0.17.4 अपडेट किया गया और यह अभी भी काम करता है!

DaxChen 17 अप्रैल 2017

🎉1

टच! शायद तब मेरा सेटअप। यह पुष्टि करने के लिए धन्यवाद कि @DaxChen मैं इस सूत्र पर वापस आऊंगा यदि मुझे वास्तविक समस्या मिल गई है।

janzenz 17 अप्रैल 2017

👍1

@DaxChen , मैंने आपके द्वारा दिए गए उदाहरण की कोशिश की, लेकिन यह विफल हो गया

Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Check the render method of `EnhancedButton`.
    at invariant (invariant.js:44)
    at ReactCompositeComponentWrapper.instantiateReactComponent [as _instantiateReactComponent] (instantiateReactComponent.js:74)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:367)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactDOMComponent.mountChildren (ReactMultiChild.js:238)
    at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:697)
    at ReactDOMComponent.mountComponent (ReactDOMComponent.js:516)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:371)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:371)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactDOMComponent.mountChildren (ReactMultiChild.js:238)
    at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:697)
    at ReactDOMComponent.mountComponent (ReactDOMComponent.js:516)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:371)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactDOMComponent.mountChildren (ReactMultiChild.js:238)
    at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:697)
    at ReactDOMComponent.mountComponent (ReactDOMComponent.js:516)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:371)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactDOMComponent.mountChildren (ReactMultiChild.js:238)
    at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:697)
    at ReactDOMComponent.mountComponent (ReactDOMComponent.js:516)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:371)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:371)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:371)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:371)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:371)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:371)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:371)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:371)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)
    at mountComponentIntoNode (ReactMount.js:104)
    at ReactReconcileTransaction.perform (Transaction.js:140)
    at batchedMountComponentIntoNode (ReactMount.js:126)
    at ReactDefaultBatchingStrategyTransaction.perform (Transaction.js:140)
    at Object.batchedUpdates (ReactDefaultBatchingStrategy.js:62)
    at Object.batchedUpdates (ReactUpdates.js:97)
    at Object._renderNewRootComponent (ReactMount.js:320)
    at Object._renderSubtreeIntoContainer (ReactMount.js:401)
    at Object.render (ReactMount.js:422)
    at Object.<anonymous> (index.js:36)
    at __webpack_require__ (bootstrap e3e2367…:555)
    at fn (bootstrap e3e2367…:86)
    at Object.<anonymous> (bootstrap e3e2367…:578)
    at __webpack_require__ (bootstrap e3e2367…:555)
    at bootstrap e3e2367…:578
    at bootstrap e3e2367…:578

मेरा कोड https://github.com/hhimanshu/spicyveggie/tree/cards ( cards शाखा) पर उपलब्ध है।

मुझे यकीन नहीं है कि क्या अलग है, लेकिन यह काम नहीं करता है

@janzenz
मैंने browserHistory.push('/howItWorks') की भी कोशिश की और import browserHistory from 'react-router-dom' आयात किया, लेकिन undefuned ।

@ ओडुइग ,
मैंने कोशिश की #/your/link , लेकिन यह मुझे कहीं नहीं ले जाता
मैंने /your/link की कोशिश की, लेकिन यह पृष्ठ को पुनः लोड करता है और मैं Drawer से Material-UI Drawer खो देता हूं

इनमें से कोई भी चीज मेरे काम नहीं आई। मेरा कोड https://github.com/hhimanshu/spicyveggie/tree/cards ( cards शाखा) पर उपलब्ध है, विशिष्ट प्रतिबद्धता https://github.com/hhimanhu/spicyveggie/commit/844b7b7cddf9102995cd2680a783df3b6ef48537 है , कोई कृपया मदद करें?

hhimanshu 24 अप्रैल 2017

@हिमांशु इस लाइन को बदल दें

import { Link } from 'react-router-dom'

एमडीएन पर अधिक जानकारी

DaxChen 24 अप्रैल 2017

@DaxChen , धन्यवाद। वह यह था। हालांकि, जब मेरा पृष्ठ {<Link to="/menu"/>} लोड नहीं होता है, तो यह पूरे पृष्ठ को लोड करता है और मेरा Drawer चला जाता है।

screen shot 2017-04-24 at 1 54 23 pm

hhimanshu 24 अप्रैल 2017

@हिमांशु ऐसा इसलिए है क्योंकि आपने अपने \menu मार्ग में केवल Menu घटक का उपयोग किया है , इसलिए App का प्रतिपादन नहीं किया जाएगा।

अपने Menu और Summary को App या कुछ लेआउट घटकों के अंदर घोंसला बनाएं, और संबंधित बच्चों में पास करें।

आप प्रदान किए गए घटक पदानुक्रम और उसके राज्यों की जांच करने के लिए प्रतिक्रिया-देवटूल का उपयोग कर सकते हैं!

यह सामग्री-यूआई से संबंधित नहीं है, कृपया प्रतिक्रिया-राउटर के ट्यूटोरियल/दस्तावेज़ों में और पढ़ें।

DaxChen 24 अप्रैल 2017

धन्यवाद @DaxChen , मैंने इसे https://github.com/hhimanshu/spicyveggie/blob/master/src/index.js#L20 के रूप में हल किया

hhimanshu 24 अप्रैल 2017

IveTou 9 दिस॰ 2017

😕1

रिएक्ट राउटर द्वारा हैंडल किए गए और हैंडल नहीं किए गए लिंक के लिए समाधान।

यदि लक्ष्य लिंक को रिएक्ट राउटर द्वारा नियंत्रित किया जाता है

MenuItemLink.js

import React from 'react';
import { MenuItem } from 'material-ui/Menu';
import { Route } from 'react-router-dom';

class MenuItemLink extends React.Component {
  render() {
    const {
      to, also,
      ...rest
    } = this.props;

    return (
      <Route
        render={({ history, location }) => (
          <MenuItem
            onClick={() => {
              history.push(to);
              if (typeof also === 'function') {
                also();
              }
            }}
            {...rest}
          />
        )}
      />
    );
  }
}
MenuItemLink.muiName = 'MenuItem';
export default MenuItemLink;

नमूना कोड:

import MenuItemLink from './MenuItemLink';

<Menu ... >
        <MenuItemLink to="/users"
          also={this.handleRequestClose}>Users</MenuItemLink>
</Menu>

यदि लक्ष्य लिंक को रिएक्ट राउटर द्वारा नियंत्रित नहीं किया जाता है, अर्थात: अनुरोध को एक एपीआई सर्वर या जो कुछ भी भेजा जाता है

ऑनक्लिक फ़ंक्शन:

    function facebookLoginRedirect () {
      if (window) window.location.href = "/api/auth/facebook"
      return true;
    }

नमूना कोड:

<MenuItem onClick={ facebookLoginRedirect }>Login with Facebook</MenuItem>

xemasiv 10 दिस॰ 2017

👍9

मैं इसे जोड़ने के लिए आ रहा हूं, अगर किसी और ने भी इस पर ठोकर खाई है।

V3.4 पर, आप इसे इस प्रकार प्राप्त कर सकते हैं:

import { Link } from 'react-router-dom';
import MenuItem from '@material-ui/core/MenuItem';

...

<MenuItem component={Link} to="/your-path">...</MenuItem>

goyney 8 नव॰ 2018

👍25 🎉3 ❤2

मेनू लेआउट को तोड़े बिना मेरे लिए काम करने वाला एकमात्र समाधान था:
```जावास्क्रिप्ट

सूचनाएं

प्रोफ़ाइल

eladlevy 1 मार्च 2019

👍3 👎2

मेनू लेआउट को तोड़े बिना मेरे लिए काम करने वाला एकमात्र समाधान था:
<MenuList>
  <Link to='/your-path' style={{ textDecoration: 'none' }}>
    <MenuItem>
      Notifications
     </MenuItem>
  </Link>
  <Link to='/your-path' style={{ textDecoration: 'none' }}>
    <MenuItem>
      Profile
     </MenuItem>
  </Link>
</MenuList>

@eladlevy यह एक खराब शब्दार्थ HTML में समाप्त होगा।

<ul>
  <a><li/></a>
  <a><li/></a>
</ul>

NaderIkladious 10 जून 2019

👍3

इसे यहां छोड़कर अगर यह किसी की मदद करता है (v3.9.0 चल रहा है)। मैं एक की जरूरत <Select> की एक सूची के रूप में कार्य करने के लिए react-router-dom <Link> एस। प्रत्येक लिंक एक भाषा सेटिंग के अनुरूप होता है, इसलिए ड्रॉपडाउन क्वेरी पैरामीटर से वर्तमान भाषा का मान प्रदर्शित करेगा।

<Select value={currentLanguage}>
  {languages.map(language => (
    <ListItem
      button
      component={btnProps => (
        <Link
          to={ `/things?lang=${ language }` }
          {...btnProps as any}
        />
      )}
      value={language}
      key={language}
    >
      {language}
    </ListItem>
  ))}
</Select>

यह सबसे साफ समाधान था जिसे मैं पा सकता था कि न्यूनतम टाइपस्क्रिप्ट कास्टिंग की आवश्यकता थी और सामग्री यूआई के अनुरूप दृश्य बनाए रखा।

MarkLeMerise 20 जून 2019

@goyney के पास समाधान है, धन्यवाद

NielsDom 27 अग॰ 2019

मैं इसे जोड़ने के लिए आ रहा हूं, अगर किसी और ने भी इस पर ठोकर खाई है।
V3.4 पर, आप इसे इस प्रकार प्राप्त कर सकते हैं:
import { Link } from 'react-router-dom';
import MenuItem from '@material-ui/core/MenuItem';

...

<MenuItem component={Link} to="/your-path">...</MenuItem>

कार्य और स्वच्छ समाधान, धन्यवाद ❤️

MelMacaluso 6 सित॰ 2019

👍1

बाहरी लिंक के लिए आप component="a" का उपयोग करना चाहेंगे, लेकिन MenuItem को <li> :

<MenuList>
    <li>
        <MenuItem
            component="a"
            href="https://google.com"
            target="_blank"
        >Google</MenuItem>
    </li>
</MenuList>

यह निम्नलिखित एचटीएमएल उत्पन्न करता है:

<ul class="MuiList-root MuiList-padding" role="menu" tabindex="-1">
    <li>
        <a class="[...]" tabindex="-1" aria-disabled="false" role="menuitem" href="https://google.com" target="_blank">Google</a>
    </li>
</ul>

jtreminio 23 अक्तू॰ 2019

मान लीजिए मेरे पास पॉपअप मेनू है और उपयोग करें

'रिएक्ट-राउटर-डोम' से आयात {लिंक};
'@ सामग्री-यूआई/कोर/मेनूइटम' से मेनू आइटम आयात करें;

लिंक /आपका-पथ पृष्ठ लाएगा, कोई पॉपअप मेनू को कैसे बंद करेगा?

stliang 28 फ़र॰ 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Material-ui: [मेनू आइटम] मेनू आइटम के भीतर लिंक

सबसे उपयोगी टिप्पणी

सभी 43 टिप्पणियाँ

संबंधित मुद्दों