首页 > 解决方案 > 如何将道具传递给导出的函数?

问题描述

//App.js

import React from 'react';
import Form from './Form'

class App extends React.Component{


render(){

return 

<Form something={true}>

}

}

//Form.js

import React from 'react';
export default class Form extends React.Component{

render(){

return()

}
}

//Index.js
import Form from './Form';
import React from 'react';

export default (props)=>{

<Form {...props} />


}

目录结构:(Components ->App.js ->(Form -> Form.js, Index.js))

在 App.js 中,Form 将引用哪个组件,因为我是从文件夹导入的?此文件夹内的两个文件都有默认导出。那么为什么 props 传入 index.js 而不是 form.js 呢?

标签: javascriptreactjs

解决方案


推荐阅读