Breaking News: Grepper is joining You.com. Read the official announcement!

Using dot notation in JSX

Wrong Wryneck answered on October 2, 2020 Popularity 8/10 Helpfulness 1/10

answer Using dot notation in JSX

related using dot notation in jsx

Using dot notation in JSX

Comment

import React from 'react';

const MyComponents = {
  DatePicker: function DatePicker(props) {
    return <div>Imagine a {props.color} datepicker here.</div>;
  }
}

function BlueDatePicker() {
  return <MyComponents.DatePicker color="blue" />;}

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: reactjs.org

Tags: dot-notation javascript jsx using

Link to this answer
Share Copy Link

Contributed on May 20 2021

Wrong Wryneck

0 Answers Avg Quality 2/10

Closely Related Answers

using dot notation in jsx

Comment

//Let's implement <Menu> <Menu.Item>Wow, anubra266</Menu.Item></Menu>
// menu.js
import React, { Component } from 'react';

export default const MenuItem = ({ children }) => <li>{children}</li>;

export default class Menu extends Component {
  static Item = MenuItem;

  render() {
    return (
      <ul>{this.props.children}</ul>
    );
  }
}

//----------------------------------------------------------------
//App.js
import React from 'react';
import { render } from 'react-dom';
import Menu from './menu';

const App = () => (
  <Menu>
    <Menu.Item>Home</Menu.Item>
    <Menu.Item>Blog</Menu.Item>
    <Menu.Item>About</Menu.Item>
  </Menu>
);

render(<App />, document.getElementById('root'));

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: dot-notation dot-notati

Link to this answer
Share Copy Link

Contributed on Oct 02 2020

anubra266

0 Answers Avg Quality 2/10

Using dot notation in JSX

Contents

More Related Answers

Using dot notation in JSX

Closely Related Answers

using dot notation in jsx

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.