Question

我用react-native制作了一个小应用程序，它无法识别this.props。这是let child = this.props.children;

中的代码

我搜索了很多教程，但没有找到解决方法

import React,{Component} as react from 'react';
import {
  StyleSheet,
  View,
  TouchableHighlight,
  Dimensions,
  Animated,
  Image,
} from 'react-native';

class TabItem extends Component{
  constructor(props)  {
    super(props);    
  }

  render() {
    let child = this.props.children;

    return (    
      // Code omitted
    );
  }
}

Answer 1

搜索要在哪里渲染组件 TabItem ，然后从那里传递道具：<TabItem {...this.props}

Answer 2

我不确定您的意思是“它无法识别this.props”。我假设您对this.props.children不确定。如果是这种情况，请确保您的TableItem组件具有子代并且正确传递了道具。

import React, { Component } from 'react';

class TabItem extends Component{

render(){
  return <div> {this.props.children} </div>
  }
}

const table = ()=><TabItem>Children</TabItem>

ReactDOM.render(<table />, document.getElementById('root'));

为什么这个props.children无法识别

2 个答案: