如何在React Native中将组件作为道具传递?

时间:2018-08-27 18:20:15

标签: react-native

在我的AutoSuggest组件(呈现FlatList)中,我想呈现不同类型的单元格。

我想将不同的组件传递到df.applymap(lambda x: x.split('...')[0]) name name2 0 0;0;*;1;1 0;0;*;1;1 1 0;0;*;1;1 0;0;*;1;1 中,例如:

AutoSuggest

在Suggest.js中,我的渲染将如下所示:

<Suggest
    customCell={<SimpleUserCell/>} //or any type of cell
/>

我该如何实现?

1 个答案:

答案 0 :(得分:1)

要在React Native中将组件作为道具传递,您可以执行以下操作,网址为:https://codesandbox.io/s/6v24n3q92z希望这会有所帮助。您将需要推断才能使您的特定用例正常工作。

class ComponentOne extends React.Component {
  render() {
    return (
      <div>
        I am Component One see my array
        <ul>{this.props.extraData.map(number => <li>number {number}</li>)}</ul>
      </div>
    );
  }
}

class Suggest extends React.Component {
  render() {
    var anArray = [1, 2, 3, 4, 5];
    var CustomComponent = this.props.customCell;
    return <CustomComponent extraData={anArray} />;
  }
}

function App() {
  return <Suggest customCell={ComponentOne} />;
}