2017-04-09 9 views
13

मैं React परियोजना शुरू करने के लिए create-react-app उपयोग कर रहा हूँ। पर नवीनतम React 15.5.3 पैकेज, यह निम्न चेतावनी प्रकट होता है: प्रतिक्रिया को एक्सेस करना मुख्य माध्यम PropTypes पैकेज अमान्य हो चुकी है:का उपयोग करते समय कैसे 15.5.3 PropTypes प्रतिक्रिया पदावनत चेतावनी ठीक करने के लिए बनाने के प्रतिक्रिया-ऐप

चेतावनी। इसके बजाय एनपीएम से प्रोप-प्रकार पैकेज का उपयोग करें।

मेरे पास पहले से ही पालन blog:

npm install prop-types और import PropTypes from 'prop-types';

लेकिन यह काम नहीं करता।

import React, { Component } from 'react'; 
import PropTypes from 'prop-types'; 

class App extends Component { 
    constructor() { 
     super(); 
     this.state = { 
      videoVisible: true, 
     }; 
    } 

    ...... 
} 

कैसे ठीक करने के लिए: मैं किसी भी PropTypes या props कोड में उपयोग नहीं करते हैं?

धन्यवाद।

उत्तर

33

प्रतिक्रिया करते हैं ब्लॉग से लिया जाता - NPM प्रोप-प्रकार स्थापित करते हैं, तो नए कोड का उपयोग करें। साथ ही यह भी कहा गया है कि यदि आप नेस्टेड घटक प्रोप-प्रकार का उपयोग नहीं कर रहा है लेकिन माता-पिता है तो आपको यह त्रुटि संदेश प्राप्त हो सकता है - इसलिए आपको अन्य घटकों की जांच करने की आवश्यकता है।

// Before (15.4 and below) 
import React from 'react'; 

class Component extends React.Component { 
    render() { 
    return <div>{this.props.text}</div>; 
    } 
} 

Component.propTypes = { 
    text: React.PropTypes.string.isRequired, 
} 

// After (15.5) 
import React from 'react'; 
import PropTypes from 'prop-types'; 

class Component extends React.Component { 
    render() { 
    return <div>{this.props.text}</div>; 
    } 
} 

Component.propTypes = { 
    text: PropTypes.string.isRequired, 
}; 
+1

धन्यवाद। लेकिन मैं पहले से ही इस ब्लॉग का पालन कर चुका हूं और मैं कोड में किसी भी प्रोप का उपयोग नहीं करता, कोई किस्मत नहीं। – Contra

+2

क्या आप कोड को गीथब पर डाल सकते हैं? इसके अलावा आप प्रोप का उपयोग नहीं कर सकते हैं, लेकिन अन्य पुस्तकालय अभी भी करते हैं, उदाहरण के लिए रेडक्स। –

+2

ओह हाँ जैसा आपने कहा था, मैं aframe-react का उपयोग करता हूं, जो प्रोप का उपयोग करता है। मैंने इसे ठीक कर दिया है। धन्यवाद! – Contra

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

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