如何使用react-native-link-preview从URL获取标题

时间:2018-09-01 11:57:17

标签: javascript react-native

我找到了this模块,我想使用该模块从url获取标题。 问题是我不知道如何访问该模块提供给我的数据。

基本上,我想从给定的URL中获取标题并在视图中打印出来。

1 个答案:

答案 0 :(得分:0)

您可以使用此模块的getPreview方法获取标题。 例如,如果您想获取youtube视频的标题,请使用以下代码:

import * as React from 'react';
import { Text, View } from 'react-native';
import LinkPreview from 'react-native-link-preview';

export default class App extends React.Component {
  constructor(props) {
   super(props);
   this.state = {
     title : "sample title"
   }
  }

  getTitle() {
   LinkPreview.getPreview('https://www.youtube.com/watch?v=aqz-KE-bpKQ')
    .then(data => this.setState({title: data.title}));
  }

  componentDidMount() {
    this.getTitle();
  }

  render() {
    return (
      <View>
        <Text>Title is : {this.state.title}</Text>
      </View>
   );
  }
}

希望这会有所帮助!