http://wiki.enunpimpam.com/pimpamwiki/index.php?action=history&feed=atom&title=Fetching_Data_from_an_API_with_props 2026-04-06T01:33:58Z Historial de revisiones de esta página en el wiki MediaWiki 1.34.1 http://wiki.enunpimpam.com/pimpamwiki/index.php?title=Fetching_Data_from_an_API_with_props&diff=1071&oldid=prev 2020-08-24T19:54:20Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="es"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Revisión anterior</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisión del 19:54 24 ago 2020</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Línea 1:</td> <td colspan="2" class="diff-lineno">Línea 1:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Categoría:React]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Categoría:React]]</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;syntaxhighlight lang=&quot;js&quot;&gt; </ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>constructor(props) {</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>constructor(props) {</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     super(props);</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     super(props);</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l21" >Línea 21:</td> <td colspan="2" class="diff-lineno">Línea 22:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>       total_hits: responseData.collection.metadata.total_hits,</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>       total_hits: responseData.collection.metadata.total_hits,</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     });</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     });</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>   };</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>   };<ins class="diffchange diffchange-inline">&lt;/syntaxhighlight&gt;</ins></div></td></tr> </table>

Nacho http://wiki.enunpimpam.com/pimpamwiki/index.php?title=Fetching_Data_from_an_API_with_props&diff=1070&oldid=prev 2020-08-24T19:53:52Z

<p>Página creada con «<a href="/pimpamwiki/index.php?title=Categor%C3%ADa:React&amp;action=edit&amp;redlink=1" class="new" title="Categoría:React (la página no existe)">Categoría:React</a> constructor(props) { super(props); this.state = { href: &quot;&quot;, items: [], total_hits: &quot;&quot;, }; } componentDidMount() { fetch…»</p> <p><b>Página nueva</b></p><div>[[Categoría:React]]<br /> constructor(props) {<br /> super(props);<br /> this.state = {<br /> href: &quot;&quot;,<br /> items: [],<br /> total_hits: &quot;&quot;,<br /> };<br /> }<br /> <br /> componentDidMount() {<br /> <br /> fetchFoto = async () =&gt; {<br /> const respuesta = await fetch(<br /> 'https://images-api.nasa.gov/search?q=curiosity&amp;page=5'<br /> );<br /> const responseData = await respuesta.json();<br /> this.setState({<br /> href: responseData.collection.href,<br /> items: responseData.collection.items,<br /> total_hits: responseData.collection.metadata.total_hits,<br /> });<br /> };</div>

Nacho