ͻ񻣼
¡¾Ïà¹ØÎĵµ¡¿:Ó¡¼ÇÖÐÎÄ-react-router-domÎĵµ ##1. ¼ò½é react-router-domÊÇreactµÄÒ»¸öµÄ·Óɲå¼þ¿â, רÃÅÓÃÀ´ÊµÏÖÒ»¸öSPAÓ¦ÓÃ(Simple Page Application),¼´µ¥Ò³ÃæÓ¦ÓÃ,ÔÚµ¥Ò³ÃæÓ¦ÓÃÖÐ,µã»÷µ¼º½×é¼þÌøתʱä¯ÀÀÆ÷µÄÒ³Ãæ²»»áË¢ÐÂ(µØÖ·À¸×ó ÔĶÁÈ«ÎÄ
ͻ񻣼
##1. ¸¸×é¼þ¸ø×Ó×é¼þ´«µÝÊý¾Ý ͨ¹ýprops´«µÝÊý¾ÝÐÅÏ¢ ##2. ×Ô×ã°´¼ü¸ø¸¸×é¼þ´«µÝÊý¾Ý ͨ¹ýprops´«µÝÊý¾Ý,´Ëʱ´«µÝµÄÊÇÒ»¸öº¯Êý ×Ó×é¼þÊÕµ½Ä³Ð©Êý¾Ýºó,½«Êý¾Ý×÷Ϊ²ÎÊýµ÷Óøú¯Êý,´Ëʱ¸¸×é¼þ¾Í¿ÉÒÔÔÚ¶ÔÓ¦µÄ·½·¨ÖнÓÊÕµ½¶ÔÓ¦µÄ²ÎÊý,È»ºó½øÐд¦Àí ##3. ·¢²¼¶©ÔÄ ÊÊÓÃÓÚÈa56爆大奖在线娱乐â×é¼þÖ®¼äµÄͨÐÅ ÔĶÁÈ«ÎÄ
ͻ񻣼
##1. ajax AJAX ÊÇa56爆大奖在线娱乐ÔÚÎÞÐèÖØмÓÔØÕû¸öÍøÒ³µÄÇé¿öÏ£¬Äܹ»¸üв¿·ÖÍøÒ³µÄ¼¼Êõ¡£ ##2. axios ¹Ù·½ÎĵµµØÖ· Axios ÊÇÒ»¸ö»ùÓÚ promise ÍøÂçÇëÇó¿â£¬×÷ÓÃÓÚnode.js ºÍä¯ÀÀÆ÷ÖÐ(¼´Í¬Ò»Ì×´úÂë¿ÉÒÔÔËÐÐÔÚä¯ÀÀÆ÷ºÍnode.jsÖÐ)¡£ ÔÚ·þÎñ¶ËËüʹÓÃÔÉú node.j ÔĶÁÈ«ÎÄ
ͻ񻣼
##1. package.jsonÖÐÅäÖà ÔÚpackage.jsonÖÐÌí¼ÓÈçÏ´úÂë: "proxy":"http://localhost:5000" ###˵Ã÷ Óŵ㣺ÅäÖüòµ¥£¬Ç°¶ËÇëÇó×ÊԴʱ¿ÉÒÔ²»¼ÓÈκÎǰ׺¡£ ȱµã£º²»ÄÜÅäÖöà¸ö´úÀí¡£ ¹¤×÷·½Ê½£ºÉÏÊö·½Ê½ÅäÖôúÀí£¬µ±ÇëÇóÁË3000²»´æÔÚµÄ×ÊԴʱ£¬ÄÇ ÔĶÁÈ«ÎÄ
ͻ񻣼
##1. ¾É°æ±¾µÄÉùÃ÷ÖÜÆÚ ###1. ÔÀí½âÎö ³õʼ»¯½×¶Î: ÓÉReactDOM.render()´¥·¢³õ´ÎäÖȾ constructor() componentWillMount() render() componentDidMount() > ³£Óà ¸üн׶Î,ÓÉ×é¼þÄÚ²¿this.setSate() ÔĶÁÈ«ÎÄ
ͻ񻣼
##1.¸ß½×º¯Êý ÈôAº¯Êý£¬½ÓÊյIJÎÊýÊÇÒ»¸öº¯Êý£¬ÄÇôA¾Í¿ÉÒÔ³Æ֮Ϊ¸ß½×º¯Êý¡£ ÈôAº¯Êý£¬µ÷Óõķµ»ØÖµÒÀÈ»ÊÇÒ»¸öº¯Êý£¬ÄÇôA¾Í¿ÉÒÔ³Æ֮Ϊ¸ß½×º¯Êý¡£ ³£¼ûµÄ¸ß½×º¯ÊýÓУºPromise¡¢setTimeout¡¢arr.map()µÈµÈ ##2. º¯ÊýµÄ¿ÂÀﻯ ͨ¹ýº¯Êýµ÷ÓüÌÐø·µ»Øº¯ÊýµÄ·½Ê½£¬ÊµÏÖ¶à´Î½ÓÊÕ²ÎÊý ÔĶÁÈ«ÎÄ
ͻ񻣼
##1. ×ܽá ###1. ͨ¹ýonXxxÊôÐÔÖ¸¶¨Ê¼þ´¦Àíº¯Êý(×¢Òâ´óСд) ReactʹÓõÄÊÇ×Ô¶¨Òå(ºÏ³É)ʼþ, ¶ø²»ÊÇʹÓõÄÔÉúDOMʼþ ¡ª¡ª¡ª¡ª¡ª¡ª ΪÁ˸üºÃµÄ¼æÈÝÐÔ ReactÖеÄʼþÊÇͨ¹ýʼþίÍз½Ê½´¦ÀíµÄ(ίÍиø×é¼þ×îÍâ²ãµÄÔªËØ,ʼþðÅÝ) ¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ªÎªÁ˸ßЧ ###2. ͨ¹ý ÔĶÁÈ«ÎÄ
ͻ񻣼
##1. ¼ò½é ×é¼þ¿ÉÒÔͨ¹ýÌí¼ÓrefÊôÐÔÀ´a56爆大奖在线娱乐×Ô¼º react»áÊÕ¼¯ÊµÀýµÄrefÐÅÏ¢,ÒÔref¶¨ÒåµÄÃû³ÆΪkey,¶¨ÒårefµÄ½ÚµãΪvalue,È»ºó½«Õâ¸ökey-value·Åµ½ÊµÀýµÄrefsÊôÐÔÖÐ ¿ÉÒÔͨ¹ýthis.refs.refName»ñÈ¡¸Ãref¶ÔÓ¦µÄ½Úµã ²»Òª¹ý¶ÈʹÓÃref ##2. ×Ö·û ÔĶÁÈ«ÎÄ
ͻ񻣼
##1. ¼ò½é prosÓÃÓÚ½ÓÊÕ´«Èë×é¼þµÄÊôÐÔÐÅÏ¢ Ò»°ãprosÖ»ÓÃÓÚ¶ÁÈ¡,²»ÄÜÐÞ¸Ä,ÐÞ¸Äpros´úÂë»áÖ±½Ó±¨´í ##2. »ù±¾Ê¹Óà //´´½¨×é¼þ class Person extends React.Component{ constructor(props){ //¹¹ÔìÆ÷ÊÇ·ñ½ÓÊÕprops£¬ÊÇ·ñ´« ÔĶÁÈ«ÎÄ
ͻ񻣼
##1. ÀÛ¼ÓÇóºÍ const array1 = [1,3,5,7,9] // Êý¾ÝÀÛ¼Ó function sum(...numbers){ return numbers.reduce((preValue,currentValue)=>{ return preValue + currentValue ÔĶÁÈ«ÎÄ