React Event

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
    }
}

https://rainsoft.io/how-three-dots-changed-javascript/

https://babeljs.io/docs/plugins/transform-object-rest-spread/

$ npm install --save-dev babel-plugin-transform-object-rest-spread

https://repl.it/languages/javascript

let { x, y } = { x: 1, y: 2, a: 3, b: 4 };


```

https://repl.it/examples

function Person(name, job) {
  this.name = name;
  this.job = job;
  this.print = function() {
    console.log(this.name + ', ' + this.job);
  };
}
var thatGuy = new Person("Jack", "coder");
thatGuy.print();

https://github.com/tc39/proposal-object-rest-spread

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names

event.nativeEvent.stopImmediatePropagation

Synthetic Events, not Native Events.

合成事件，而不是本地事件。

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

https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events#comment37772453_24415631

https://stackoverflow.com/questions/41464088/react-js-proxy-event

https://babeljs.io/docs/plugins/transform-class-properties/

css

https://stackoverflow.com/questions/4264527/vertical-text-direction

https://www.thecssninja.com/css/real-text-rotation-with-css

<p class="vericaltext">
Hi This is Vertical Text!
</p>



.vericaltext{
    width:1px;
    word-wrap: break-word;
    font-family: monospace; /* this is just for good looks */
}

Stateless function components & no refs

React & event.preventDefault() & event.stopPropagation();

https://gist.github.com/xgqfrms-GitHub/cc2598e0410542c504aa7fee4e2c8b9f#gistcomment-2136883