美文网首页
React使用点语法

React使用点语法

作者: JamesSawyer | 来源:发表于2018-08-06 17:01 被阅读603次

如果有一个单一模块,但是却导出多个React组件,使用对象对多个组件进行包裹,然后导出该对象,然后使用点语法会很方便:

import React from 'react';

const MyComponents = {
  DatePicker: function DatePicker(props) {
    return <div>假设这是一个时间选择器</div>
  }
}
export default MyComponents;

// 使用
import MyComponents from './MyComponents';

function BlueDatePicker() {
  return <MyComponent.DatePicker />;
}

相关文章

  • React使用点语法

    如果有一个单一模块,但是却导出多个React组件,使用对象对多个组件进行包裹,然后导出该对象,然后使用点语法会很方...

  • Hello React

    知识点 1、JSX语法     2、React基本语法     3、bower的基本使用     4、babel的...

  • React学习笔记(一)

    知识点及简介 知识点 简介 React JS :使用React的语法来编写一些网页的交互效果 React Nati...

  • 初试react

    这是学习react时写的第一个react文件,(holle react)使用es6语法和JSX语法) 在react...

  • react语法结构

    1.react JSX语法原理 react是函数式编程,使用jsx语法来渲染组件。jsx语法是合法的JavaScr...

  • React Native创建新项目

    前言 React Native 是基于 React 框架搭建而成的,使用的是JavaScript语法。React ...

  • (二)react入门

    react使用的是JSX语法,和vue、小程序语法类似 class属性在react中要写成className 创建...

  • React系列(六):React组件基础与生命周期

    本文主要讲解React中关于组件的使用、React特有的JSX语法以及React生命周期的使用等,具体如下: Re...

  • ReactJS第一天

    引包&安装 React官网 react.js react-dom.js browser.js 使用JSX语法 JS...

  • (React)认识React语法

    一、JSX语法 在React中,没有使用HTML标签来绘制UI,而是使用了JSX语法。 当然JSX语法中,也可以嵌...

网友评论

      本文标题:React使用点语法

      本文链接:https://www.haomeiwen.com/subject/xaygvftx.html