最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

 
 
 
 
  
  
  
  
 
  
  
  
  
  i am Ka Song 
  
  
  
  

 
 
 
 
  
  
  
  
function App({children}) { 
  
  
  
  
  return ( 
  
  
  
  
    
 
  
  
  
  
      {children || 'i am empty'} 
  
  
  
  
    

  
 
 
 
   
  
  
  
 
   
  
  
  
  
Hello
 
   
  
  
  
  
I am
 
   
  
  
  
  
Ka Song
 
   
  
  
  

 用Flutter語法描述：

 
 
 
 
  
  
  
  
Stack( 
  
  
  
  
  children: [ 
  
  
  
  
     Text("Hello"), 
  
  
  
  
     Text("I am"), 
  
  
  
  
     Text("Ka Song") 
  
  
  
  
   ], 
  
  
  
  
) 
 
 
 

SwiftUI與React

SwiftUI作為被蘋果寄予厚望、意圖統(tǒng)領(lǐng)IOS全平臺(tái)的DSL。

在保證強(qiáng)大的編程能力同時(shí)，也希望在視圖表現(xiàn)力方面做的更好。

接下來我們通過一個(gè)簡單的「點(diǎn)擊加一」的計(jì)數(shù)器來對(duì)比React與SwiftUI語法：

React使用class語法：

 
 
 
 
  
  
  
  
class Counter extends React.Component { 
  
  
  
  
  state = { 
  
  
  
  
    counter: 0 
  
  
  
  
  } 
  
  
  
  
  increment: () => { 
  
  
  
  
    const {counter} = this.state; 
  
  
  
  
    this.setState({counter: counter + 1}) 
  
  
  
  
  } 
  
  
  
  
  render() { 
  
  
  
  
    const {counter} = this.state; 
  
  
  
  
    return ( 
  
  
  
  
      <> 
  
  
  
  
        
數(shù)字：{counter}
 
  
  
  
  
        點(diǎn)我加一 
  
  
  
  
       
  
  
  
  
    ) 
  
  
  
  
  } 
  
  
  
  
} 
 
 
 

 SwiftUI：

 
 
 
 
  
  
  
  
struct Counter : View { 
  
  
  
  
    @State var counter = 0 
  
  
  
  
 
  
  
  
  
    func increment () { 
  
  
  
  
        counter += 1 
  
  
  
  
    } 
  
  
  
  
 
  
  
  
  
    var body: some View { 
  
  
  
  
        VStack { 
  
  
  
  
            Text("數(shù)字: \(counter)") 
  
  
  
  
            Button(action: increment) { 
  
  
  
  
                Text("點(diǎn)我加一") 
  
  
  
  
            } 
  
  
  
  
        } 
  
  
  
  
    } 
  
  
  
  
} 
 
 
 

可以看到，拋開語法差異，兩個(gè)框架的寫法是很類似的。

同時(shí)，SwiftUI憑借強(qiáng)大的編程能力，原生實(shí)現(xiàn)React當(dāng)前并不支持的功能：

比如，在React中，子組件要改變父組件的狀態(tài)，需要父組件將「狀態(tài)」與「改變狀態(tài)的方法」傳遞給子組件。

子組件調(diào)用「改變狀態(tài)的方法」通知父組件狀態(tài)變化，父組件再傳遞變化后的「狀態(tài)」給子組件。

這種方式在React中被稱為「受控組件」。

在SwiftUI中，子組件只需要將父組件傳遞的狀態(tài)申明為@Binding，就能達(dá)到與父組件該狀態(tài)「雙向綁定」的效果。

比如上例的counter：

 
 
 
 
  
  
  
  
// 從 
  
  
  
  
@State var counter = 0 
  
  
  
  
// 變?yōu)?nbsp;
  
  
  
  
@Binding var counter 
 
 
 

則計(jì)數(shù)器接受父組件傳遞的counter狀態(tài)，子組件counter狀態(tài)改變后會(huì)作用于父組件counter狀態(tài)。

你更喜歡哪種DSL

從2013年5月29日React誕生到現(xiàn)在。

經(jīng)過8年的教育，大部分React開發(fā)者已經(jīng)接受JSX。

但是，這期間也不斷有人提出JSX的替代方案。

比如react-hyperscript。

隨著SwiftUI熱度提升，更是有人提出用其替代React中的JSX：

也有人做出模型experimental-react-like-framework

你喜歡JSX么?你覺得未來他會(huì)被誰取代?或者他會(huì)取代誰?