Question

我对react.js很新，我想知道是否可以用React渲染不同组件的集合？例如，我有一个带有属性childComponents的ContainerComponent类，我想这样使用：

AndroidProtocolHandler: Unable to open resource URL: file:///android_res/raw/changelog.html
java.lang.ClassNotFoundException: 
Didn't find class "lelisoft.com.lelimath.debug.R$raw" on path: 
DexPathList[[zip file "/data/app/lelisoft.com.lelimath.debug-1/base.apk"],
nativeLibraryDirectories=[/data/app/lelisoft.com.lelimath.debug-1/lib/arm64, 
/system/lib64, /vendor/lib64]]                                                                                       
at dalvik.system.BaseDexClassLoader.findClass(BaseDexClassLoader.java:56)

所以问题是我无法调用子组件＆＃39;在循环中渲染函数以生成所有子项的单个输出。 ContainerComponent的渲染方法怎么样？

谢谢！

Answer 1

像往常一样放置所有组件：

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

通常，以下代码可以满足您的需求：

<ContainerComponent
   title={this.props.title}
>
  <TextComponent text={this.props.text} />
  <PictureComponent text={this.props.image} />
</ContainerComponent>

ReactJs：呈现动态组件的集合

1 个答案: