React项目知识积累（三）

1.@primary-color 公共样式

less文件中的@primary-color，会在config.js中的theme中统一写,方便统一更改。

config.js:
theme{
  "primary-color":"#f0f0f0"，
  "font-size":"16px",
}

less:
.classname{
   color:@primary-color;
   font-size:@font-size;
}

2.组件传参的时候，如果是布尔类型的，并且有默认值的，可以直接这样来写：

//父组件
<TableMyself explanatoryText /> //默认是false，这样传的话，传的值就是true。

//TableMyself 子组件,默认值是false
const TableMyself=({ explanatoryText = false, })=>{ 
 const rules= [{ required:true,message:"这是必填的" }];
  return (<div> </div>);
 };

export default TableMyself;

3.js中组件的导出

export { default as input } from './input';

这行代码的作用是导出 ./input 模块中的默认出口，并将其重命名为 input。这样，在其他文件中，您可以使用 import input from './input' 来导入这个重命名后的默认出口。

请注意，default 关键字是用来指示模块中的默认导出项的。如果一个模块中有多个导出项，您需要为它们指定名称，或者使用 export default 来导出其中一个作为默认导出项。在一个模块中，默认导出项只能有一个。

在其他文件中，您可以使用 import input from './input' 语法来导入这个重命名后的默认导出项。

请注意，一个模块中只能有一个默认导出项。如果您想要导出多个不同的项，您需要为每个导出项指定一个名称，如下所示：

export const someConstant = 'value';
export function someFunction() {
  // function body
}
export class SomeClass {}

我们导出了一个常量、一个函数和一个类，每个导出项都有明确的名称。

as 是用来在导出（export）或导入（import）时重命名项的关键字。当你导出（export）一个模块时，你可以使用 as 关键字来改变导出项的名称，使其与原始模块中的名称不同。同样，在导入（import）模块时，你也可以使用 as 来给导入的项指定一个新的名称。

//