Question

是否可以在React Native中从子组件的html标记内部访问文本值而无需使用prop？ ...

render() {
 return (
  <View style={[styles.container]}>
    <BoxItem>Hello</BoxItem>
  </View>
 );
}

我想在BoxItem组件的html标记中使用值“ Hello”吗？这是BoxItem组件：

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import PropTypes from 'prop-types';
import styles from './styles';

class BoxItem extends Component {

    static propTypes = {
        id: PropTypes.string,
    };

    render() {
        return (
            <View style={[styles.itemStyles]}>
                <Text>{html_value}</Text>
            </View>
        );
    }
}

export default BoxItem;

如何传递包含值“ Hello”而不是占位符{html_value}的变量？

我可以在boxItem属性上使用道具，但是我只是想知道这是否可能。

Answer 1

您可以使用Children属性。您可以使用children属性访问组件的开始和结束标记之间的所有元素。

您可以使用

return (
            <View style={[styles.itemStyles]}>
                <Text>{this.props.children}</Text>
            </View>
)

希望它对您有帮助。

我可以在React-Native标记中的标签之间获取文本值吗

1 个答案: