Json 我想通过Firebase更新webview视频

我是新来的。我在播放YouTube视频URL时遇到问题，我希望从Firebase数据库中获取该URL。我可以播放带有静态链接的视频。我必须使用webview，因为我不想使用YouTube API

我的代码：

import React, { Component } from 'react';
import { View, ListView, WebView, StyleSheet } from 'react-native';
import { Container, Content , Header , From , Input , Item , Button , Label, Icon ,List,ListItem} from 'native-base';
import * as firebase from 'firebase';

const firebaseConfig = {
  apiKey: "xxxxxxxxxxxxxxxxxx",
  authDomain: "stream-xxxx.xxxxxxxxxxxxxxxx.com",
  databaseURL: "https://stream-f3b1e.xxxxxxxxxxx.com",
  projectId: "stream-xxxxxxxxxxxx",
  storageBucket: "stream-xxxxx.xxxxxxxxxxxxxxx.com",
  messagingSenderId: "xxxxxxxxxxxxxxxxxx"
};
firebase.initializeApp(firebaseConfig);

var data = [];

class App extends Component{  
  constructor (props) {
    super (props);


    this.ds = new ListView.DataSource({
      rowHasChanged: (r1, r2) => r1 !== r2
    });
    // trying to do database intregration
    this.state = {
      listViewData : data,
      newContact: '',
    };

    this.state = {
      //dataSource: this.ds.cloneWithRows(data),
      dataSource : this.ds.cloneWithRows(data),
    };
  }

  componentDidUpdate(){
    var that = this
    firebase.database().ref('/link').on('child_added',function(data){
      var newData = [...that.state.listViewData]
      newData.push(data)
      that.setState({listViewData : newData}) 
    })
  }    
  render(){
    return (
      <ListView
        renderHeader={this.renderHeader.bind(this)}
        dataSource={ this.state.dataSource }
        renderRow={this.renderRows.bind(this)}
      />
    );
  }
     renderHeader(){
    return(
        <Header>
          <Content>
            <Item>
              <Input 
                placeholder='Add me'
              />
              <Button>
                <Icon name='add' />
              </Button>
            </Item>
          </Content>
        </Header>
    )
  }
  renderRows(rowData){
    console.log("data: "+rowData.val().name);
    return(
      <View style={styles.container}>
          <WebView source={{uri: rowData.data.val().name}} style={{}} />
        </View>
      </View>
    );
  }
}
export default App;

import React，{Component}来自'React'；
从“react native”导入{View、ListView、WebView、样式表}；
从“本机库”导入{容器、内容、标题、发件人、输入、项、按钮、标签、图标、列表、列表项}；
从“firebase”导入*作为firebase；
常量firebaseConfig={
apiKey:“xxxxxxxxxxxxxxxx”，
authDomain:“流xxxx.xxxxxxxxxxxxxx.com”，
数据库URL:“https://stream-f3b1e.xxxxxxxxxxx.com",
projectId:“stream-xxxxxxxxxx”，
storageBucket:“stream-xxxxx.xxxxxxxxxxxxx.com”，
messagingSenderId:“XXXXXXXXXXXXXXXX”
};
firebase.initializeApp（firebaseConfig）；
var数据=[]；
类应用程序扩展组件{
建造师（道具）{
超级（道具）；
this.ds=新建ListView.DataSource({
行已更改：（r1，r2）=>r1！==r2
});
//正在尝试进行数据库聚合
此.state={
listViewData：数据，
新联系人：“”，
};
此.state={
//数据源：this.ds.cloneWithRows（数据），
数据源：this.ds.cloneWithRows（数据），
};
}
componentDidUpdate（）{
var=this
firebase.database（）.ref（'/link'）。on（'child_added'，函数（数据）{
var newData=[…that.state.listViewData]
newData.push（数据）
setState（{listViewData:newData}）
})
}    
render（）{
返回(
);
}
renderHeader（）{
返回(
)
}
渲染箭头（行数据）{
log（“数据：+rowData.val（）.name”）；
返回(
);
}
}
导出默认应用程序；

请分享你的代码：）@四十二我已经做了请分享你的代码：）@四十二我已经做了