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

标签 javascript react-native

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

基本上我想从给定的网址获取标题并将其打印在 View 中。

最佳答案

您可以使用该模块的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>
   );
  }
}

希望这有帮助!

关于javascript - 如何使用react-native-link-preview从url获取标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52127864/

相关文章:

react-native 如何在关闭 wifi/数据的设备上调试?

javascript - 在动态表单上保留单选按钮的值

javascript - JavaScript 换行代码

桌面版和移动版 Javascript 差异

react-native - 如何在 react-native 中在图像周围添加阴影

javascript - 如何为 SectionList 转换对象数组

javascript - react-navigation:如何根据当前选项卡更改 tabBar 颜色

javascript - 在 TypeScript 中向 Object.prototype 添加自定义方法

javascript - 在 Chrome 中的页面标题右侧插入图标

ios - 无法在 iOS 上构建 React Native 项目 : No component found for view with name "ARTShape"