React Native是否存在HTML数据属性或类似属性?

时间:2019-02-27 14:48:22

标签: javascript react-native

我正在尝试从组件中获取一些其他数据,但我不知道该怎么做。如果有可能,我该如何获取并将其设置为状态?

1 个答案:

答案 0 :(得分:0)

听起来您正在寻找props。该文档页面上的示例是Image组件,它采用了source的道具:

import React, { Component } from 'react';
import { AppRegistry, Image } from 'react-native';

export default class Bananas extends Component {
  render() {
    let pic = {
      uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'
    };
    return (
      <Image source={pic} style={{width: 193, height: 110}}/>
    );
  }
}

// skip this line if using Create React Native App
AppRegistry.registerComponent('AwesomeProject', () => Bananas);

您的组件将props作为其构造函数(如果是class)或函数(如果它是无状态功能组件)的第一个参数。

  

如果可能的话,我该如何获取它并将其设置为状态?

您通常不会这样做。您可以基于道具设置状态(例如:如果您有一个计数器,则可能有一个道具以其开头的数字以及一个用于当前数字的状态项),但是通常您不会直接复制道具以进行陈述。渲染时可以使用道具。