『壹』 使用react框架怎麼進行組件的遞歸調用
JS有一種語法，叫做函數的尾遞歸（具體用法自己查）。
react組件本身不具備這些功能，需要自己用js控制業務邏輯。
例如有一個顯示評論內容的組件，當客戶端請求成功，並且返回多級json結構的時候，客戶端就需要先判斷結構有幾層，然後用js控制載入的組件層次，將數據props過去。
一般的情況下，層數只有2,參考UC的評論模式，假設我寫了一個評論，則為頂層，然後你可以在我的評論下面評論，這樣就有了2層，但是別人又可以回復你的評論，這時就要注意了，別人回復你的評論還是在第2層，也就是說，任何人的評論都只在頂層之下的同一層，不會超出2層的結構，這樣做才合理。像你說的那種，就是可以有幾十上百層評論結構，那樣顯示就不好看了。。
『貳』 reactjs怎麼在方法裡面調方法
調用函數 前加 this.
change(){
this.ff()
}
這樣
『叄』 如何在React中調用微信的jsSDK
1. 微信JSSDK使用步驟簡介
我們既然是在做基於微信的開發，當然就離不開微信的開發文檔了。開始之前希望大家能先去看下《微信JS-SDK說明文檔》。那麼我們怎麼樣才能用上微信的JSSDK呢？以下基本步驟就是基於該文檔的。
需要注意的是，如果本人下面的描述你看的有點雲里霧里的話，我建議你：
回頭看下本系列《小白學react》的歷史基礎文章，特別是《小白學react之altjs的Action和Store》以及《小白學react之打通React Component任督二脈》，或/和：
直接跳過我的描述，在文章後面下載最新的源碼，先閱讀源碼，碰到問題再反過來看文章的描述。
步驟一：綁定域名
先登錄微信公眾平台進入「公眾號設置」的「功能設置」里填寫「JS介面安全域名」。
備註：登錄後可在「開發者中心」查看對應的介面許可權。
這里綁定的時候需要注意不要帶前面的http協議頭。寫法跟上一篇《小白學react之網頁獲取微信用戶信息》中的網頁回調域名設置的寫法是一樣的。
步驟二：引入JS文件
在需要調用JS介面的頁面引入如下JS文件，（支持https）：
請注意，如果你的頁面啟用了https，務必引入 ：
，否則將無法在iOS9.0以上系統中成功使用JSSDK
因為我們的index.html是通過ejs模版生成的，所以我們只需要在我們的index.ejs中的body部分末尾加入相應的微信jssdk庫的引用就好了。
步驟三：通過config介面注入許可權驗證配置
所有需要使用JS-SDK的頁面必須先注入配置信息，否則將無法調用（同一個url僅需調用一次，對於變化url的SPA的web app可在每次url變化時進行調用,目前Android微信客戶端不支持pushState的H5新特性，所以使用pushState來實現web app的頁面會導致簽名失敗，此問題會在Android6.2中修復）。
這一步的關鍵是如何生成正確的簽名。這里微信jssdk文檔中有給出不同語言版本的簽名演算法示例大家可以參考。往下我們也會就github上的一個簽名演算法的封裝進行學習。
在我們的實戰過程中，簽名會在伺服器端發生。
react客戶端會像之前的獲取微信用戶信息一樣，通過一個restfulApi調用伺服器端的api，然後由伺服器來生成對應的簽名，然後將簽名信息返回給客戶端。
客戶端獲取到上面wx.config示例代碼中的簽名相關信息後，就會調用一個Alt的Action，來觸發將獲取回來的信息保存到一個跟該Action綁定的jssdk狀態管理的Store裡面。然後就可以調用wx.config來配置我們需要用到的JS介面列表了。
注意這里的wx這個對象是通過上一步的JS文件引入進來的。我們在react的客戶端代碼中可以直接通過window.wx對其進行引用：
步驟四：通過ready介面處理成功驗證
隨後，react客戶端負責jssdk狀態管理的store會調用wx.ready來監聽config配置是否成功，如果成功的話，就會將該store的一個ready狀態設置成true。
這樣的話，通過AltContainer綁定了該store的相應的Component組件就能知道響應的jssdk的api是否已經准備就緒，可以進行調用了。
步驟五：通過error介面處理失敗驗證
同理，如果如果配置失敗的話，那麼就在wx.error這個監聽介面中將ready狀態設置成false。
2. 生成簽名
如前面所述，我們需要用到jssdk的頁面必須要要注入調用到的api的配置信息。
而注入JS介面到頁面時，我們可以看到，還需要使用到其他一些信息。其中appId我們可以從公眾號管理後台獲得。signature是跟所訪問頁面的url關聯的一個簽名，它有專門的一套演算法來生成。另外兩個參數nonceStr和signature都是在簽名的過程中生成的。
這里通過wx.config傳進去這些參數，主要是為了讓微信去判斷我們生成的簽名和微信通過這些信息生成的簽名是否一致，如果不一致的話，那麼注入到該頁面的jsApiListj就失敗。
那麼我們在伺服器這邊的簽名演算法是如何的呢？根據微信開發文檔我們需要提供以下4個參數，然後通過sha1算發來生成對應的簽名：
noncestr：一個隨機字元串，我們隨便填寫
jsapi_ticket：jsapi_ticket是公眾號用於調用微信JS介面的臨時票據
timestamp: 簽名時間戳。注意這個時間戳需要和上面傳入wx.config的時間戳一致
url: 調用JS介面頁面的完整URL。我們可以從react客戶端通過location.href獲得，並傳給伺服器端
那麼這里主要需要解決的就是如何獲得jsapi_ticket這個臨時票據了。
根據文檔的描述，我們可以通過以下這個介面獲得：
cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi
從中可以看到，我們調用這個介面首先要獲得一個access_token。這里微信也有相應的api來處理。
cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
這里需要用到我們的微信公眾號的appId和secret，這些我們都是已知的，所以好辦。
那麼，也就是說，我們其實只需要提供我們的微信公眾號的appId和secret，就能獲取到access_token，從而就會獲得我們需要的jsapi_ticket。
這里我們參考下github上一個示例(wechat-sdk-demo )的簽名的實現。其傳入的參數有兩個，其中:
url: react客戶端傳進來的需要注入jsapi的頁面url
callback: 一個回調函數，接受一個json格式的參數。主要是用來將生成的簽名信息等回傳給上層調用函數。
這里的流程和我們剛才描述的並無二致。首先是通過appId和secret獲得調用獲取jsapi_ticket的access_token，然後通過該access_token獲得我們簽名需要用到的jsapi_ticket。noncestr我們是提前隨便填寫好的。timestamp的演算法也比較簡單。
最後就是通過sha1這個庫提供的方法，將jsapi_ticket，noncestr，timestamp和頁面url進行sha1簽名，然後將以上這些信息通過callback返回給上層調用函數。
那麼我們往下看下我們的上層調用函數。其實就是我們的express路由:
根據微信開發文檔需求，我們首先需要將傳進來的url的錨點後面的數據給去掉，保留前面的有效部分。
然後就是調用上面的sign方法來生成簽名。上面的簽名方法最後傳進來的json數據就是這里的signatureMap。我們最終會將這些數據發送回react客戶端。
同時，通過上面的wx.config的示例，我們知道還需要用到微信公眾號的appId。所以這里一並將其放到signatureMap中進行返回。
那麼到此為止，react客戶端調用服務端的"/api/signature"返回的數據示例如下:
3. 客戶端獲取簽名信息
3.1 獲取簽名信息並注入jssdk
和之前的獲取微信用戶信息一樣，我們這里會建立一個新的Source文件WechatSdkSource.js來調用遠程伺服器的"/api/signature"介面:
這里傳進來的url由下面將要談及的上層函數所生成。整個流程就沒有什麼好說的了，說白了就是通過相應的庫發送一個帶有url的query參數的請求到伺服器端來請求簽名信息，相信有跟著這個系列文章的朋友都是很清楚的了。
最終請求成功返回的時候就會調用WechatSdkActions的updateSignatureMap這個Action。
而這個action就會觸發所監聽的WechatSdkStore的onUpdateSignatureMap這個回調。
『肆』 react 父組件怎麼調用子組件的方法
可以通過向子組件傳入一個修改state的函數，比如如下代碼：
父組件：
class Father extends Component {
construtor(props){
super(props);
this.state={
name: 'Peter',
age: '26'
}
}
onChangeState(stateName){
this.setState(stateName)
}
render(){
<p>姓名：{this.state.name}</p>
<p>年齡：{this.state.age}</p>
<Child onClicked={this.onChangeState.bind(this)}/>
}
}
子組件：
class Child extends Component {
render(){
<Button onClicked={()=>this.props.onClicked({name: 'John'})}/>
}
}
『伍』 React 組件上調用方法如何傳遞參數，除了匿名函數用更好的方法嗎
Java 應用程序按值傳遞參數(引用類型或基本類型)，其實都是傳遞他們的一份拷貝.而不是數據本身.(不是像 C++ 中那樣對原始值進行操作。)
例1:
Java代碼
//在函數中傳遞基本數據類型，
public class Test {
public static void change(int i, int j) {
int temp = i;
i = j;
j = temp;
}
public static void main(String[] args) {
int a = 3;
int b = 4;
change(a, b);
System.out.println("a=" + a);
System.out.println("b=" + b);
}
}
結果為:
a=3
b=4
原因就是 參數中傳遞的是 基本類型 a 和 b 的拷貝,在函數中交換的也是那份拷貝的值 而不是數據本身;
例2:
Java代碼
//傳的是引用數據類型
public class Test {
public static void change(int[] counts) {
counts[0] = 6;
System.out.println(counts[0]);
}
public static void main(String[] args) {
int[] count = { 1, 2, 3, 4, 5 };
change(count);
}
}
在方法中 傳遞引用數據類型int數組，實際上傳遞的是其引用count的拷貝，他們都指向數組對象，在方法中可以改變數組對象的內容。即:對復制的引用所調用的方法更改的是同一個對象。
『陸』 react native static怎麼調用外部方法
Annotation所修飾的對象范圍：Annotation可被用於packages、types（類、介面、枚舉、Annotation類型）、類型成員（方法、構造方法、成員變數、枚舉值）、方法參數和本地變數（如循環變數、catch參數）。在Annotation類型的聲明中使用了target可
『柒』 react中怎麼調用別人的介面進行跳轉
RN自帶了一個非常優雅的網路操作庫fetch，下面的這個例子從gankio的介面拿到了美女圖片的url然後通過state 傳給列表組件，列表裡返回圖片組件顯示圖片。網路數據獲取方法寫在componentDidMount中，這個方法是組件生命周期中需要調用的一個方法。
class AwesomeProject extends Component {// 初始化模擬數據
constructor(props) {
super(props);
const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => {r1 !== r2}});
this.state = {
dataSource: ds,
load:false,
text:''
};
}
//耗時操作放在這裡面
componentDidMount(){
this.getNet();
}
getNet(){
fetch('http://gank.io/api/search/query/listview/category/福利/count/10/page/1')//請求地址
.then((response) => response.json())//取數據
.then((responseText) => {//處理數據
//通過setState()方法重新渲染界面
this.setState({
//改變載入ListView
load: true,
//設置數據源刷新界面
dataSource: this.state.dataSource.cloneWithRows(responseText.results),
})
})
.catch((error) => {
console.warn(error);
}).done();
}
render() {
if(this.state.load){
return (
<View style={{flex: 1, paddingTop: 22}}>
<ListView
dataSource={this.state.dataSource}
renderRow={(rowData)=>
<View>
<Image
style={{ width: 400, height: 250, marginTop: 5 }}
source={{uri:rowData.url}}/>
</View>}
/>
</View>
);
} else{
return(
<View>
<Text>loading......</Text>
</View>
);
}
}
}
『捌』 react 調用方法
情況一：
constructor(props) { super(props); this.login = this.login.bind(this);
}
login(a,b,c) { console.log(this);//列印這個組件本身
console.log(a);//列印111111
console.log(b);//undefined
console.log(c);//undefined}
<button onClick={()=>{this.login(111111)}} />
情況二：
constructor(props) { super(props); this.login = this.login.bind(this);
}
login(a,b,c) { console.log(this);//列印這個組件本身
console.log(a);//列印Proxy對象：Proxy裡面可以獲得dom元素
console.log(b);//列印event
console.log(c);//undefined}
<button onClick={this.login} />
情況三：
constructor(props) { super(props); // this.login = this.login.bind(this);}
login(a,b,c) { console.log(this);//列印這個組件本身，說明我們用箭頭函數的時候，不需要bind(this),react自動把this指向了組件自己，
console.log(a);//列印出了111111
console.log(b);//undefined
console.log(c);//undefined}
<button onClick={()=>{this.login(111111)}} />
情況四：
constructor(props) { super(props); // this.login = this.login.bind(this);}
login(a,b,c) { console.log(this);//列印null,這是react最常見的坑，this本來指向window，但是經過react初始化之後，指向了null;
console.log(a);//列印Proxy對象：Proxy裡面可以獲得dom元素
console.log(b);//列印event
console.log(c);
}
<button onClick={this.login} />
情況五：
constructor(props) { super(props); // this.login = this.login.bind(this);}
login(a,b,c) { console.log(this);//列印這個組件本身
console.log(a);//undefined
console.log(b);//undefined
console.log(c);//undefined}
<button onClick={()=>{this.login()}} />
情況六：(可以算作es5的最佳實踐，用的es5的方法，拿到所有參數)
constructor(props) { super(props); // this.login = this.login.bind(this);
this.login=(a,b,c)=>{ console.log(this);//列印這個組件本身
console.log(a);//111111
console.log(b);//列印Proxy對象：Proxy裡面可以獲得dom元素
console.log(c);//列印event：
}
}
<button onClick={this.login.bind(this,111111)} />
最佳實踐：(for es6) 老版本
constructor(props) { super(props); // this.login = this.login.bind(this);}
login(type,event,proxy) { console.log(this);//列印這個組件本身
console.log(event);//列印event：
console.log(proxy);//列印Proxy對象,event詳情請查驗es6}
<button onClick={()=>{let target=this, handler={};this.login('boss',event,new Proxy(target, handler))}}/>
最佳實踐：2018（需要傳參）
constructor(props) { super(props);
}
login=(num, evt)=>{ console.log(num);//列印傳參
console.log(evt);//列印event：}
<button onChange={this.login.bind(null, 111)}/>
最佳實踐：2018（不需要傳參）
constructor(props) { super(props);
}
login=( evt)=>{ console.log(evt);//列印event：}
<button onChange={this.login}/>