kazagkazag

// MyButton.jsx

function MyButton(props) {
  return <button onClick={props.onButtonClick}>{props.buttonTitle}</button>;
}

export default MyButton;

// MyComponent.jsx

kazagkazag

// Message.jsx

export default class Message extends Component {
  render: function() {
    return <p>{this.props.children}</p>
  }
}

// MyComponent.jsx
// import Message from "Message"

kazagkazag

// MyButton.jsx

function MyButton() {
  return <button>Click me!</button>;
}

export default MyButton;

kazagkazag

// MyButton.jsx

export default class MyButton extends Component {
  render() {
    return <button>Click me!</button>
  }
}

// MyComponent.jsx
// import MyButton from "MyButton"

kazagkazag

//import React, {Component} from "react";
//import { render } from 'react-dom';

export class MyComponent extends Component {
  render() {
    return (
      <div className="my-div">My div content</div>
    );
  }
}

kazagkazag

//npm install express

var express = require('express');
var app = express();
var http = require('http');

app.use(function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    next();