हाय मैं सिर्फ प्रतिक्रिया सीख रहा हूं मुझे छोटी सी समस्या है

मैं सीखना चाहता हूं कि राज्य डेटा को अपने बच्चे को प्रोप के रूप में कैसे पास किया जाए

यहाँ मैं कोड हूँ

ऐप.जेएस

import React from "react";
import Clock from "./Clock";
import Test from "./Test";

import "./App.css";

function App() {
  return (
    <div className="App">
      <Clock />,
      <Test />
    </div>
  );
}

export default App;

घड़ी.जेएस

import React from "react";
import Test from "./Test";


class Clock extends React.Component {
  state = {
    date: new Date(),
  };

 

  componentDidMount() {
    this.timerID = setInterval(() => this.tick(), 1000);
  }

  componentWillUnmount() {
    clearInterval(this.timerID);
  }
 
  tick() {
    this.setState({
      date: new Date(),
    });
  }
  render() {
    return (
      <div>
        <h1>Hello, world!</h1>
        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>
        <h3> Time Now</h3>
       <Test date={this.state.date} />
           </div>
    );
  }
}

export default Clock;

यहां चाइल्ड कंपोनेंट है जिसे मैं उस राज्य को पास करना चाहता हूं जिसे मैंने टेस्ट नाम दिया है

import React, { Component } from "react";

export class Test extends Component {
  render() {
    return (
      <div>
        <p>{this.props.date.toLocaleTimeString()}</p>
      </div>
    );
  }
}

export default Test;

मुझे यह त्रुटि मिली >>

लेखन त्रुटि: अपरिभाषित तिथि की संपत्ति 'toLocaleTimeString' को पढ़ा नहीं जा सकता, हालांकि मैंने इसकी मूल सामग्री दी



Please I need help
thanks in advanced

0
Fahd Dev 21 जुलाई 2020, 14:28

2 जवाब

सबसे बढ़िया उत्तर

मुझे लगता है कि आप Test इंस्टेंस App.js में इस्तेमाल होने के कारण त्रुटि देख रहे हैं। आप वहां पर डेटा में नहीं गुजर रहे हैं। इसे वहां से हटाने से त्रुटि से छुटकारा मिल सकता है।

App.js

import Clock from "./Clock";

import "./App.css";

function App() {
  return (
    <div className="App">
      <Clock />
    </div>
  );
}

export default App;
0
Yash Joshi 21 जुलाई 2020, 14:33

आपने Clock.js में प्रॉप्स को पूरी तरह से पास कर दिया है, लेकिन App.js में आप date को <Test /> के प्रोप के रूप में पास नहीं कर रहे हैं, इसलिए आपको उपरोक्त त्रुटि मिल रही है।

0
Pranav 21 जुलाई 2020, 14:33