React 万能的函数表达式
生活随笔
收集整理的這篇文章主要介紹了
React 万能的函数表达式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、語法簡介
表達式可以以下兩種方法，
(1)(function A(){})(this),(this)參數在函數外面
(2)(function B(){}(this)),(this)參數在函數里面
(1)和(2)的區別在于，(1)的左邊的一對括號是強制A()求值，返回函數的引用，再傳this參數調用函數求值，而(2)是把(this)傳給A(),直接返回函數的返回值，而不是函數引用本身。
?
方式一：
<!DOCTYPE html> <html lang="zh-cn"><head><meta charset="UTF-8"><title>Document</title> </head><body><script src="./react-0.13.2/build/react.js"></script><script src="./react-0.13.2/build/JSXTransformer.js"></script><script type="text/jsx">var style = {color : "red",border: "1px #000 solid",};var HelloWorld = React.createClass({render: function(){return <p>你好， {(function(obj){if(obj.props.name)return obj.props.nameelsereturn "World!"})(this)}</p>;}});React.render(<div style={style}><HelloWorld name="李小龍!"></HelloWorld></div>, document.body);</script> </body></html>
方式二：
<!DOCTYPE html> <html lang="zh-cn"><head><meta charset="UTF-8"><title>Document</title> </head><body><script src="./react-0.13.2/build/react.js"></script><script src="./react-0.13.2/build/JSXTransformer.js"></script><script type="text/jsx">var style = {color : "red",border: "1px #000 solid",};var HelloWorld = React.createClass({render: function(){return <p>你好， {(function(obj){if(obj.props.name)return obj.props.nameelsereturn "World!"}(this))}</p>;}});React.render(<div style={style}><HelloWorld name="李小龍!"></HelloWorld></div>, document.body);</script> </body></html>
運行結果：
轉載于:https://www.cnblogs.com/shamgod/p/5049950.html
總結
以上是生活随笔為你收集整理的React 万能的函数表达式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Java -Inverse covari
- 下一篇： 你好，在不？波形护栏螺栓终拧扭矩的单位是