xxx

project/p1/src/App.js

@@ -20,5 +20,4 @@ class App extends React.Component{
     )
   }
 }
-
 export default App;

project/p2/src/App.js

@@ -8,12 +8,19 @@ class App extends React.Component{
     super();
     this.state={
       bShow:true,
-      goods:[{
+      goods1:[{
         id:1,title:"呵呵1"
       },{
         id:2,title:"呵呵2"
       },{
         id:3,title:"呵呵3"
+      }],
+      goods2:[{
+        id:1,title:"哈哈1"
+      },{
+        id:2,title:"哈哈2"
+      },{
+        id:3,title:"哈哈3"
       }]
     }
   }
@@ -35,18 +42,27 @@ class App extends React.Component{
         <li dangerouslySetInnerHTML={{__html:content}}></li>
         <li ref="good">hello</li>
         <li className="box">hello kitty!</li>
-        {/* {this.state.bShow ? <li className="num">123</li> : <li className="num">456</li> } */}
+        {this.state.bShow ? <li className="num">123</li> : <li className="num">456</li> }
-        {this.state.bShow && <li className="num">789</li>}
+        {/* {this.state.bShow && <li className="num">789</li>} */}
         <button type="button" onClick={this.changeShow.bind(this)}>显示与隐藏</button>
         <ul>
           {
-            this.state.goods.map((item,index)=>{
+            this.state.goods1.map((item,index)=>{
               return(
               <li key={index}>{item.title}</li>
               )
             })
           }
         </ul>
+        <ul>
+          {
+            this.state.goods2.map((item)=>{
+              return(
+                <li key={item.id}>{item.title}</li>
+              )
+            })
+          }
+        </ul>
       </div>
     )
   }