මචන් මම මෙහෙම Code එක ගැහුවම, ඇයි දෙපාරක් Console Log වෙලා එන්නේ. නිකන් Response එක Console Log කරත් දෙපාරක් Console Log වෙලා එනවා.
Latest ads
-
Gampaha Thenya Mishel
- menuka2000
- Updated:
-
Handmade Character Soft Toy Bluey Bingo- anil1961
- Updated:
-
Colombo Dahua POE Switch 8 Ports (DH-PFS3010-8ET-65)- hashaz2012
- Updated:
-
Singapore V2Ray VPN for Tunneling
- hu KANNA
- Updated:
-
Dating Website & Online Chat Room- hotvideo
- Updated:
ReactJS පුලුවන් අය පොඩ්ඩක් එන්න (Help!)
- Thread starter Sexy Somapala
- Start date
store the response in your state variable only if it is different to the original value?
Last edited:
component eka deparak render wenawa. component eka athule monawa hari status wenasak unoth component eka aye render wenawa.
kohomath oya fetch wage dewal direct component athule use karana epa status management lib ekak harahama use karana
kohomath oya fetch wage dewal direct component athule use karana epa status management lib ekak harahama use karana
sorry. I'm at beginner level. I couldn't get what you told. but I delete the loop and only just fetched. but nothing is changed. if this is due to the key values, once I delete the loop it must be working neh?
meke tutorial eke me code ekama gahala thibbe. porage eke eka parai console.log enne?
Solved. Youtube Video එකකින් හොයාගත්තේ. මේකේ Strict Mode Tag එක අයින් කරාම එක පාරයි Console Log වෙන්නේ. තෑන්ක්ස් හැමෝටම!
------ Post added on Dec 24, 2022 at 1:49 PM
typical sri lankan developer. strict mode remove karanna pissuda ban. potential bug ekak awoth identify karanne khomada. oka ohmama thiyapan production build ekata oken affect venne na
Typical Sri Lankan Developer මමද උඹද බං? බලපන් මම මෙතන ප්රශ්නයක් ඇහුවම උඩ ඉන්න සුපිරි කොල්ලෝ ටිකක් උන්ගේ Perspective එකෙන් බලලා උත්තරේ දීලා තියෙනවා (@CodeMan , @SkullVamp , @හෙළයෙක් , @AlphaStigma
). අනික මම කියලා තියෙනවා මම Beginner Level එකෙක් බුවෙක් කියලා. තාම මුල් හරියෙ ඉන්නේ. මේක Production Build එකට Affect වෙන්නේ නෑ කියන්න උඹ වගේ Senior Software Engineer (උඹේ රිප්ලයි එක දැක්කම මට එහෙම හිතුනේ 
) කෙනෙක් ගෙන් අදහසක් ඕනෙ නෑ මට. ඒක මම වගේ Beginner Level එකෙක්ට තේරෙනවා. මට ඕන වුණේ Behind the scenes Code එකේ වෙන්නේ මොකක්ද කියලා දැනගන්න මිසක් උඹලා වගේ Code එකක Unexpected දෙයක් Output වුණාම Production Build එකට Effect වෙනවද නැද්ද කියලා බලලා Effect වෙන්නේ නැත්නම් Code එක Use කරන ජාතියේ දෙකයි පනහේ Software Engineer කෙනෙක් වෙන්නේ නෙවේ. උඹේ Professionalism ගතිය උඹ රිප්ලයි එක දාපු හැටියෙන පේනවා මට. ආයෙ මිනිහෙක් දෙයකට උත්තරයක් ඇහුවම තමන් දන්න දේ ලොකු කරලා පෙන්නන්නේ නැතිව නිහතමානීව උත්තරයක් දීපන්. Coding වලට කලින් ඉගෙනගන්න දේවල් ගොඩක් උඹට තියෙනවා. යට පොටෝ එකයි උඹේ Professionalism ගතියෙයි කිසිම සම්බන්ධයක් නෑලු ඉතින්.
@Sexy Somapala Machan, rendering two times is actually not a bug. It's a feature. So you need to design your code in a way that it is not a problem for the component to unmounted and then mounted again. I took your code and change a bit it as follows. Though the render happens two times the list only shows up when the response gets back with data.
It is good you asked this question. I was also not 100% sure what's going on so had to dig in.
import React, { Component } from 'react';
class App extends Component{
constructor(){
super()
this.state = {
monsters: []
}
}
componentDidMount() {
console.log("inside componentDidMount");
fetch('https://jsonplaceholder.typicode.com/users')
.then((response) => response.json())
.then((users) => {
this.setState({monsters: users})
console.log(this.state.monsters)
})
}
render(){
return(
<>
{ this.state.monsters.map((monster) => {
<h1 key={monster.id}>{ monster.name }</h1>
})}
</>
)
}
}
export default App;
It is good you asked this question. I was also not 100% sure what's going on so had to dig in.
import React, { Component } from 'react';
class App extends Component{
constructor(){
super()
this.state = {
monsters: []
}
}
componentDidMount() {
console.log("inside componentDidMount");
fetch('https://jsonplaceholder.typicode.com/users')
.then((response) => response.json())
.then((users) => {
this.setState({monsters: users})
console.log(this.state.monsters)
})
}
render(){
return(
<>
{ this.state.monsters.map((monster) => {
<h1 key={monster.id}>{ monster.name }</h1>
})}
</>
)
}
}
export default App;
Similar threads
- Question
