mahuntington
/
react-notes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update ReactBasics.md

Browse Source
master
Matt Huntington 8 years ago committed by GitHub
parent 1963f89142
commit bada1248a0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File

8
ReactBasics.md
Unescape View File

@ -65,9 +65,9 @@ Let's set up the HTML
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title></title> <title></title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.3.2/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react-dom.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.3.2/umd/react-dom.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
<script type="text/babel" src="js/app.js"></script> <script type="text/babel" src="js/app.js"></script>
</head> </head>
<body> <body>
@ -261,7 +261,7 @@ What if we want to get at properties of the component?
```JavaScript ```JavaScript
class Heading extends React.Component { class Heading extends React.Component {
sayHello() { sayHello() {
console.log(this); //null?!? console.log(this); //undefined?!?
} }
render() { render() {
return <h1 onClick={this.sayHello}>Hello, {this.props.name}!</h1>; return <h1 onClick={this.sayHello}>Hello, {this.props.name}!</h1>;

Write Preview
Loading…
Cancel
Save