Material-ui: प्रतिक्रिया 15.0.2 "अज्ञात प्रॉप्स ऑनटचटैप" चेतावनियाँ

मैं एक पीआर भेजना चाहता हूं लेकिन अभी मुझे नहीं पता कि परिवर्तनों का परीक्षण कैसे करें और यदि वे परिवर्तन चेतावनी को ठीक करते हैं?

योमन वेबपैक और react: ^15.2.1 का उपयोग करना

Warning: Unknown prop `onTouchTap` on <button> tag. Remove this prop from the element. For details, see https://fb.me/react-unknown-prop
    in button (created by EnhancedButton)
    in EnhancedButton (created by RaisedButton)
    in div (created by Paper)
    in Paper (created by RaisedButton)
    in RaisedButton (created by MyButton)
    in div (created by MyButton)
    in MyButton (created by AppComponent)
    in div (created by AppComponent)
    in MuiThemeProvider (created by AppComponent)
    in AppComponent

सरल से:

import React from 'react';
import RaisedButton from 'material-ui/RaisedButton';

export default class MyButton extends React.Component {

  render() {
    return (
      <div>
        <RaisedButton>
          Hello, world!
        </RaisedButton>

      </div>
    );
  }
}

पैकेज.जेसन:

{
  ...
  "devDependencies": {
    ...
    "core-js": "^2.0.0",
    "material-ui": "^0.15.2",
    "normalize.css": "^4.0.0",
    "react": "^15.2.1",
    "react-dom": "^15.0.0",
    "react-tap-event-plugin": "^1.0.0"
  }
}

जोड़कर तय किया गया:

// Needed for onTouchTap
import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();

घटक को।

मैं जोड़ना चाहता हूं: transitionAppearTimeout

warning.js:44 Warning: Unknown prop `transitionAppearTimeout` on <div> tag. Remove this prop from the element. For details, see https://fb.me/react-unknown-prop
    in div (created by ReactTransitionGroup)
    in ReactTransitionGroup (created by DialogInline)
    in div (created by DialogInline)
    in DialogInline
    in MuiThemeProvider

केवल Dialog . में दिखाई देता है

अद्यतन: कोई बात नहीं, वह प्रतिक्रिया 15.0.0 के साथ था, 15.2.1 के साथ यह चला गया। मुझे लगता है कि वे कुछ सहारा भूल गए।

मैं क्लाइंट और सर्वर दोनों में injectTapEventPlugin() पर कॉल करता हूं और फिर भी विभिन्न तत्वों के साथ बहुत सारी चेतावनियां प्राप्त करता हूं।

संस्करण:

"material-ui": "0.15.2",
"react": "15.2.1",
"react-dom": "15.2.1",
"react-tap-event-plugin": "1.0.0",

कुछ चेतावनियाँ:

Warning: Unknown prop `onTouchTap` on <label> tag. 
Warning: Unknown props `displayBorder`, `columnNumber`, `hoverable`, `onHover`, `onHoverExit` on <td> tag.

@igl ReactDOM.render . से पहले ReactDOM.render injectTapEventPlugin() पर कॉल करने का प्रयास करें

@ixrock : injectTapEventPlugin() से पहले ReactDOM.render पर कॉल करने से समस्या ठीक नहीं होती (कम से कम मेरे लिए नहीं)

@घिरिगोरो वही मुद्दा =\

vendors.js:20314 Warning: Unknown prop `onTouchTap` on <button> tag. Remove this prop from the element. For details, see https://fb.me/react-unknown-prop
    in button (created by EnhancedButton)
    in EnhancedButton (created by RaisedButton)
    in div (created by Paper)
    in Paper (created by RaisedButton)
    in RaisedButton
    in MuiThemeProvider

प्रस्तुत करने से पहले/बाद में injectTapEventPlugin() का उपयोग/उपयोग नहीं करने के बावजूद। कोई विचार, दोस्तों?

@tavurth द्वारा सुझाव जोड़ा गया और मुझे त्रुटि से छुटकारा मिल गया।
मैंने इसे निम्नलिखित स्थानों पर सफलता के साथ आजमाया:

• त्रुटि उत्पन्न करने वाले घटक में
• मार्ग फ़ाइल
• ऐप.जेएस फ़ाइल
• फ़ाइल जहां ReactDOM.render कहा जा रहा है

मैंने इसे ReactDOM.render फ़ाइल में रखने पर समझौता किया

import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();

प्रोप टाइटल स्टाइल के साथ कार्डटाइटल पर एक ही त्रुटि देखना ...

warning.js:44 Warning: Unknown prop `titleStyle` on <div> tag. Remove this prop from the element. For details, see https://fb.me/react-unknown-prop
    in div (created by CardTitle)
    in CardTitle (created by GroupAdmin)
    in div (created by Card)
    in div (created by Paper)
    in Paper (created by Card)
    in Card (created by GroupAdmin)
    in span (created by GroupAdmin)
    in GroupAdmin (created by Operations)

कोड खंड: <CardTitle title="Group Admin" titleStyle={styles.title}/>

सामग्री यूआई संस्करण: 0.15.2

बहुत बहुत धन्यवाद।

नमस्ते,

सुनिश्चित नहीं है कि मेरा संबंधित है लेकिन <Chip> का उपयोग करते समय मुझे यह त्रुटि मिलती है।

Unknown prop labelColor on <div> tag.

मेरे लिये भी वही :

चेतावनी: अज्ञात प्रोप translate टैग पर। विवरण के लिए, देखें https://fb.me/react-unknown-prop

और मैं जोड़ता हूं:

import injectTapEventPlugin from 'react-tap-event-plugin';

injectTapEventPlugin();

और यह काम नहीं करता

मेरे पास एक ही चेतावनी है। कुछ डिबगिंग के बाद मैंने पाया है कि यह इस कोड से उठाया गया है:

const MenuLeftItem =
  ({text,url}) =>
    <ListItem
      className="menuleft-module-item"
      primaryText={text}
    />

तथा

<AppBar
   title="Admin Panel"
   iconElementLeft={
      <IconButton>
         <NavigationClose />
      </IconButton>
    }
     onClick={onCollapse}
  />

यह मेरा पैकेज है।जेसन

"dependencies": {
    "brace": "^0.8.0",
    "d3": "^4.2.2",
    "deepmerge": "^0.2.10",
    "dom-value": "^1.0.1",
    "form-controls": "^1.0.0",
    "form-parse": "^0.1.0",
    "form-urlencoded": "^1.2.1",
    "formsy-material-ui": "^0.5.0",
    "formsy-react": "^0.18.1",
    "is-submittable": "^1.0.0",
    "isomorphic-fetch": "^2.2.1",
    "js-beautify": "^1.5.10",
    "lodash": "^4.14.1",
    "material-ui": "^0.15.4",
    "muicss": "^0.7.3",
    "query-string": "^4.2.2",
    "radium": "^0.18.1",
    "rd3": "^0.7.1",
    "react": "^15.3.1",
    "react-ace": "^3.1.0",
    "react-diff": "0.0.6",
    "react-dimensions": "^2.0.0-alpha1",
    "react-dom": "^15.3.1",
    "react-edit-inline": "^1.0.6",
    "react-graph-vis": "0.0.3",
    "react-hotkeys": "^0.9.0",
    "react-modal": "^1.4.0",
    "react-notification": "^6.1.0",
    "react-redux": "^4.0.6",
    "react-router": "^2.6.1",
    "react-syntax-highlighter": "^2.0.3",
    "react-tap-event-plugin": "^1.0.0",
    "reactable": "^0.14.0",
    "recompose": "^0.20.0",
    "reduce": "^1.0.1",
    "redux": "^3.0.6",
    "redux-actions": "^0.11.0",
    "redux-localstorage": "^0.4.0",
    "redux-saga": "^0.11.0",
    "redux-thunk": "^2.1.0",
    "reduxerit": "^0.4.1",
    "reselect": "^2.0.3",
    "sha1": "^1.1.1",
    "sleep-promise": "^2.0.0",
    "squares": "^0.2.1",
    "uuid": "^2.0.2",
    "vis": "^4.16.1"
  }
}

injectTapEventPlugin() जोड़ने से यह मेरे लिए ठीक नहीं हुआ।
मुझे संदेह है कि प्रतिक्रिया एचएमआर प्लगइन के साथ इसका कुछ संबंध है

मैंने प्रतिक्रिया के यूएमडी संस्करण का उपयोग वेबपैक-आईएनजी सब कुछ करने के लिए स्विच करके इस समस्या को ठीक किया। मुझे संदेह है कि यह इसे ठीक करता है क्योंकि प्रतिक्रिया-टैप-इवेंट-प्लगइन और सामग्री-यूआई के कुछ कॉम्बो को रिएक्ट के निजी आंतरिक तक पहुंचने की आवश्यकता है, और यह यूएमडी संस्करण से ऐसा नहीं कर सकता है। आहें...

ओवरले के लिए मेरे पास एक ही चेतावनी है

Warning: Unknown prop `onTouchTap` on <div> tag. Remove this prop from the element. For details, see https://fb.me/react-unknown-prop
    in div (created by Overlay)
    in Overlay (created by DialogInline)
    in div (created by DialogInline)
    in DialogInline

इसके अलावा मैंने यहां https://github.com/facebook/react/issues/436 पढ़ा है कि प्रतिक्रिया-टैप-इवेंट-प्लगइन संभवतः प्रतिक्रिया 15 के बाद से हटाया जा सकता है। जांच करने की आवश्यकता है।

मैं इस मुद्दे को बंद कर रहा हूं क्योंकि @tavurth द्वारा मूल मुद्दे की पहचान की गई है। धन्यवाद!

हम react-tap-event-plugin पर onTouchTap संपत्ति जोड़ने के लिए भरोसा करते हैं।
दरअसल, मुझे खुशी है कि रिएक्ट ने इस चेतावनी को जोड़ा। इससे बहुत से लोगों को मदद मिलेगी जो इस बिंदु को दस्तावेज़ीकरण से याद करते हैं।

आगे बढ़ते हुए, हम next शाखा में इस निर्भरता को दूर करने की योजना बना रहे हैं।
हम onClick ईवेंट का उपयोग करते हैं क्योंकि आधुनिक मोबाइल डिवाइस इसका बेहतर समर्थन करते हैं (कोई देरी नहीं)।

मैं ऐपबार का उपयोग कर रहा था और यहां वह कोड है जिसका उपयोग मैं उपरोक्त टिप्पणियों के अनुसार इसे ठीक करने के लिए कर रहा हूं:

const Header = React.createClass({
handleClick(e){
console.log("reached here::");
},
render(){
injectTapEventPlugin();
return <AppBar title="Some Heading" onTitleTouchTap={this.handleClick()}/>
}
});

export default Header;

मेरे जैसे लोगों के लिए जिन्होंने इस समस्या को पाया, सुधारों को लागू किया, और समस्या बनी रही: injectTapEventPlugin() चलाने का सुझाया गया तरीका केवल तभी काम करता है जब आप वेबपैक का उपयोग कर रहे हों; मैंने अपने ऐप को ब्राउज़र से वेबपैक में बदल दिया, कोड में कोई अन्य बदलाव नहीं किया, और त्रुटि दूर हो गई।

क्या कोई मुझे बता सकता है कि कृपया injectTapEventPlugin() यहाँ क्या है?

@jakewins : मुझे ब्राउज़र के साथ एक ही समस्या थी। समस्या यह थी कि मैं अपने पूरे क्लाइंट कोड के साथ एक वेंडर.जेएस और एक जेएस फाइल बना रहा हूं। मुझे पता चला, कि प्रतिक्रिया-घटना-टैप-प्लगइन को जेएस फ़ाइल के भीतर बंडल किया जाना है जहां आपकी प्रतिक्रिया lib है। इस दृष्टिकोण ने ब्राउज़र के साथ मेरी समस्या को ठीक किया।

वही मुद्दा। @vaspoz

ऐसा लगता है कि प्रतिक्रिया-टैप-ईवेंट-प्लगइन ^ 2.0.0 तक जा रहा है और प्रतिक्रिया 15.4.0 तक जा रही है। मैं ReactDOM.render से पहले UMD बिल्ड का उपयोग कर रहा हूं और injectTapEventPlugin को कॉल कर रहा हूं।

एक गैर UMD बिल्ड का उपयोग करना दुर्भाग्य से एक विकल्प नहीं है।

क्या किसी के पास प्रतिक्रिया + प्रतिक्रिया-टैप-घटना-प्लगइन + सामग्री-यूआई का एक कार्यशील यूएमडी संस्करण संयोजन है?

@oliviertassinari क्या यह अगली शाखा का उपयोग करने के लिए पर्याप्त स्थिर होगा जिसमें अधिक देशी ऑनक्लिक है? मुझे परवाह नहीं है अगर कई चीजें टूट जाती हैं, जब तक कि यह अर्ध प्रयोग करने योग्य न हो।

क्या यह अगली शाखा का उपयोग करने के लिए पर्याप्त स्थिर होगा जिसमें अधिक देशी ऑनक्लिक है?

@ vans163 यहां next शाखा का 1 महीने पुराना संस्करण है: http://material-ui-next.azurewebsites.net/। यह इस बात पर निर्भर करता है कि स्थिर से आपका क्या मतलब है।
जरूरत पड़ने पर एपीआई बदलने जा रहा है। केवल कुछ घटकों को माइग्रेट किया गया है, और अक्सर आंशिक रूप से। फिर भी, मैं इस शाखा का 100% उपयोग करने के लिए अपने ऐप को माइग्रेट कर रहा हूं।

नई रिलीज़ तैयार होने तक किसी की मदद करने के मामले में: मैं इस मुद्दे में भाग गया, लेकिन एक बार जब मैंने इसे स्थानांतरित कर दिया

import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();

घटक फ़ाइल के लिए लाइनें जहां मैं घटक पदानुक्रम में <MuiThemeProvider> लागू करता हूं, इसने काम करना शुरू कर दिया। (यह वह जगह भी है जहां मैं redux के लिए अपना mapStateToProps करता हूं लेकिन मुझे लगता है कि यह अप्रासंगिक है।) मैंने पहले उन्हें एक उच्च घटक के लिए फ़ाइल में लागू किया था जो मेरे रैपिंग घटक के रूप में कार्य करता था।

मैं create-app-react से निकाले गए वेबपैक का उपयोग कर रहा हूं।

@rdnewman यह काम करता है !!

बहुत - बहुत धन्यवाद!

सभी का धन्यवाद ... मुझे यह चेतावनी केवल परीक्षणों में थी, और फिर महसूस किया कि injectTapEventPlugin() को परीक्षण घटकों के दौरान नहीं बुलाया गया था, केवल पूर्ण विकसित ऐप में

@rdnewman , धन्यवाद! आपका तरीका काम करता है। मैंने इसे अपनी index.js फ़ाइल में रखा, जहाँ इसमें ReactDOM.render मेथड फ़ाइल थी और इसने उसी तरह से काम किया। मैं

मैं यह पिछले सप्ताह create-react-app का उपयोग करके आया था। प्रतिक्रिया 15.4.x पर आई और यह त्रुटि injectTapEventPlugin() उचित रूप से कॉल करने के बावजूद होती है। इस पर प्रतिक्रिया-टैप-घटना-प्लगइन #85 में चर्चा की गई है। मैन्युअल रूप से react-tap-event-plugin को 2.0.0 $ पर सहेजने/स्थापित करने से यह मेरे लिए हल हो गया।

टाइपस्क्रिप्ट का उपयोग करने वाले किसी व्यक्ति की मदद करने की उम्मीद है
मैं टाइपस्क्रिप्ट के साथ सामग्री-यूआई का उपयोग कर रहा हूं और एक ही समस्या थी।
जोड़ने के बाद
import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();
ReactDOM.render से पहले कोड यह त्रुटि फेंकता है।

ध्यान में न आया लेखन त्रुटि: React_tap_event_plugin_1.default कोई फ़ंक्शन नहीं है

इसे आयात शैली बदलकर हल किया गया था
import * as injectTapEventPlugin from 'react-tap-event-plugin';

भगवान का शुक्र है, इन दिनों मुझे केवल प्रतिक्रिया-टैप-घटना-प्लगइन संस्करण 2.0.1 स्थापित करना है और 15.4.2 प्रतिक्रिया करना है, फिर मैं उस फ़ाइल पर गया जहां मैं ऐप प्रस्तुत करता हूं, और बस इन दो पंक्तियों को शामिल करता हूं:

'प्रतिक्रिया-टैप-घटना-प्लगइन' से injectTapEventPlugin आयात करें;
injectTapEventPlugin ();

और यही है

@erick2014 हाँ: http://www.material-ui.com/#/get-started/installation

निराशाजनक रूप से अस्पष्ट मुद्दा। SSR परिदृश्य में कुछ कोड पुनर्गठन करने के बाद वापस आया

"प्रतिक्रिया" के लिए: "15.4.2",

"रिएक्ट-टैप-इवेंट-प्लगइन" का उपयोग करें: "^2.0.0" या रिएक्ट-टैप-इवेंट-प्लगइन": "^2.0.1"

और इसे जोड़ें
// ऑनटचटैप के लिए आवश्यक

import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();

injectTapEventPlugin() को आयात करने और जोड़ने से मेरी समस्या हल हो गई।

import injectTapEventPlugin from 'react-tap-event-plugin;

componentWillMount(){
    injectTapEventPlugin();
    }

मैं Next.JS का उपयोग कर रहा हूँ

यह समाधान काम नहीं करता है, मेरे पास एक फ़ाइल है Tap_events.js यह प्रत्येक पृष्ठ को आयात करता है।

मेरी फ़ाइल Tap_events.js:
'प्रतिक्रिया-टैप-घटना-प्लगइन' से injectTapEventPlugin आयात करें
अगर (विंडो टाइप करें! == 'अपरिभाषित') injectTapEventPlugin ()