xgqfrms-GitHub/React Event.md

Forked from xyzdata/React Event.md

Created June 30, 2017 14:28

Star (1) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/xgqfrms-GitHub/e59f6eca03da7c1960013cc94e04e84f.js"></script>
Save xgqfrms-GitHub/e59f6eca03da7c1960013cc94e04e84f to your computer and use it in GitHub Desktop.

Download ZIP

React Event

Raw

React Event.md

React Event

https://medium.com/@ericclemmons/react-event-preventdefault-78c28c950e46

https://facebook.github.io/react/docs/events.html

event.preventDefault();

// Let's stop this event.

event.stopPropagation();

// Really this time.

    
handleKeyDown(event) {
    if (event.keyCode === 13) {
        event.preventDefault(); // Let's stop this event.
        event.stopPropagation(); // Really this time.

        alert("Is it stopped?");
        // "Hahaha, I'm gonna submit anyway!" - Chrome
    }
}

Author

xgqfrms-GitHub commented Jul 1, 2017 •

edited

Loading

GitHub API

https://api.github.com/users/xgqfrms

{
    "login": "xgqfrms",
    "id": 7291672,
    "avatar_url": "https://avatars1.githubusercontent.com/u/7291672?v=3",
    "gravatar_id": "",
    "url": "https://api.github.com/users/xgqfrms",
    "html_url": "https://github.com/xgqfrms",
    "followers_url": "https://api.github.com/users/xgqfrms/followers",
    "following_url": "https://api.github.com/users/xgqfrms/following{/other_user}",
    "gists_url": "https://api.github.com/users/xgqfrms/gists{/gist_id}",
    "starred_url": "https://api.github.com/users/xgqfrms/starred{/owner}{/repo}",
    "subscriptions_url": "https://api.github.com/users/xgqfrms/subscriptions",
    "organizations_url": "https://api.github.com/users/xgqfrms/orgs",
    "repos_url": "https://api.github.com/users/xgqfrms/repos",
    "events_url": "https://api.github.com/users/xgqfrms/events{/privacy}",
    "received_events_url": "https://api.github.com/users/xgqfrms/received_events",
    "type": "User",
    "site_admin": false,
    "name": "xgqfrms",
    "company": "xray",
    "blog": "https://www.xgqfrms.xyz",
    "location": "shanghai",
    "email": null,
    "hireable": true,
    "bio": "Hello World!",
    "public_repos": 202,
    "public_gists": 3,
    "followers": 28,
    "following": 1,
    "created_at": "2014-04-14T15:12:30Z",
    "updated_at": "2017-06-10T09:04:07Z"
}

test website

No CSP / CORS

https://cdn.xgqfrms.xyz/index.html

Fetch

fetch(`https://api.github.com/users/xgqfrms`)
.then(
    (response) => {
        console.log(`response`, response);
        let json = response.json();
        console.log(`json`, json);
        return json;
    }
)
.then(
    (data) => {
        console.log(`data`, data);
    }
);

Axios

Getting Started With Axios (Accessing REST Web Services HTTP APIs in JavaScript) [Full HD,1920x1080].mp4

axios.get(`https://api.github.com/users/xgqfrms`)
.then(
    res => {
        console.log(`response`, res);
        // no need response.json();
        return res;
    }
)
.then(
    (data) => {
        console.log(`data`, data);
    }
);

Author

xgqfrms-GitHub commented Jul 1, 2017

React & Axios

axios.get(url)
.then(
    res => {
        console.log(`response =`, res);
        // no need response.json();
        this.props.onSubmit(res.data);
        console.log(`response.data = `, res.data);
        return res.data;
    }
);