Question

我对React很陌生，有点卡住。有人可以解释一下如何实现以下目标吗？

我有一个孩子班，类似

import React from 'react';
import PropTypes from 'prop-types';

class testClass extends React.Component {
    render() {
    const {fields} = this.props;

    return (
        <Text>
        blafasel
        </Text>
        )
    }
}

和这样的父类：

import React from 'react';
import PropTypes from 'prop-types';
import testClass from './TestClass';

class testParentClass extends React.Component {
render() {
    const {fields} = this.props;

    return (
        ---> display testClass here
    );
}

希望您能明白。这可能吗？我认同。但是如何？

Answer 1

您的处理方式与Text相同：

return (
    <testClass />
);

但是：请注意，React组件类名称为https://en.cppreference.com/w/cpp/utility/bitset（在任何情况下，JavaScript中的绝大多数约定都是使用大写的类名称/构造函数名称）。因此，TestClass和TestParentClass而不是testClass和testParentClass，然后在TestParentClass的{{1}}中：

render

新手-ReactJS中的“类中的类”

1 个答案: