javascript - 如何将道具传递给导出的函数?
问题描述
//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 呢?
解决方案
推荐阅读
- r - 同时合并并粘贴到R中的一个循环中
- php - 发布表单 Jquery Repeteable + Laravel
- ruby - Time.local 和 Time.new 有什么区别
- ruby-on-rails - 在 Rails 中使用针对 PostgreSQL 的数组参数执行原始 SQL 查询
- elasticsearch - Elasticsearch 根据主查询的结果查找文档
- python - 'numpy.ndarray' 对象在使用矩阵时不可调用
- python - 遵循 Python Lazy Logging Formatting,但 pylint 仍然显示(logging-not-lazy)消息
- javascript - 无法在 React 中读取 null 的属性“样式”
- javascript - 如何将嵌入的外部 svg 文件与视图框对齐
- python - 将 automap_base 与 Oracle db 一起使用时,SQLAlchemy 退出并出现错误“未识别类型 'LONG RAW'”