2017-10-14 41 views
5

वापस लौटें मेरे पास प्रतिक्रिया में एक घटक है जिसे मैं index.js में आयात कर रहा हूं। लेकिन यह गलती से ऊपर दे रहा है।प्रस्तुत करने से कुछ भी वापस नहीं किया गया था। इसका आमतौर पर मतलब है कि रिटर्न स्टेटमेंट गुम है। या, कुछ भी प्रस्तुत करने के लिए, शून्य

index.js -

import React from 'react'; 
 
import ReactDOM from 'react-dom'; 
 
import Search_Bar from './components/search_bar'; 
 

 
const API_KEY ='AIzaSyCnpDObOLiiqN87YKJKZ-cxzdAsvYD1F-U'; 
 
const App=()=>{ 
 
    return (
 
     <div> 
 
      <Search_Bar /> 
 
     </div> 
 
    ); 
 
} 
 
ReactDOM.render(<App />,document.querySelector('#root'));

घटक

import React from 'react'; 
 

 
const Search_Bar=() => 
 
{ 
 
    return <input />; 
 
}; 
 

 
export default Search_Bar;

उत्तर

13

मैं में एक ही समस्या थी प्रस्तुत करना() विधि । समस्या आता है जब आप से लौटने प्रस्तुत करना() के रूप में:

render() { 
    return 
    (
     <div>Here comes JSX !</div> 
    ); 
} 

यानी अगर आप पी शुरू एक नई लाइन

में arenthesis उपयोग करके देखें:

render() { 
    return (
     <div>Here comes JSX !</div> 
    ); 
} 

यह त्रुटि

2

, जवाब मिला मैं वापसी के बाद paranthese उपयोग नहीं करना चाहिए ()।

return <div> <Search_Bar /> </div> works . 

यू लिखने के लिए बहु तो (वापसी ..... आपके प्रारंभ paranthese वापसी के रूप में एक ही पंक्ति में होना चाहिए चाहते हैं।

+0

यकीन नहीं कैसे लिखने के लिए हल बहु jsx लौट – pKay

+0

जाएगा वापसी सही है। मल्टी लाइन जेएसएक्स केवल इस तरह वापस आ गया है। –

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