Skip to content

Instantly share code, notes, and snippets.

class Kisi extends React.Component {
constructor(props) {
super(props);
}
render() {
return <div>Merhaba {this.props.isim}</div>
}
}
class Selamlama extends React.Component {
constructor(props) {
var Content = React.createClass(
{
getDefaultProps()
{
return { name: 'UMUT' };
},
render()
{
return <div><h3>{this.props.name}</h3></div>
}
var Content = React.createClass(
{
getDefaultProps()
{
return { name: 'UMUT' };
},
render()
{
return <div><h3>{this.props.name}</h3></div>
}
class App extends Component
{
constructor(props)
{
super(props);
this.state = { deger: 0 }
this.arttirFunction = this.arttirFunction.bind(this)
};
arttirFunction()
import React, { Component } from 'react';
class App extends Component {
constructor(props) {
super(props);
this.state = { deger: 0 }
this.arttirFunction = this.arttirFunction.bind(this)
}
arttirFunction() {
this.setState({ deger: this.state.deger + 1 })
}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Hello World</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.js"></script>
<script type="text/babel">
ReactDOM.render(
<h1>Merhaba</h1>,document.getElementById('root'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.js"></script>
<script type="text/babel">
ReactDOM.render(
<h1>Hello World</h1>,document.getElementById('root'));
</script>
<body>
<div id="root"></div>
</body>
**
* Let Örnekleri
*/
let deger1 =10;
deger1=5; //deger1 let ile tanımlandığı için degişiklik yapılabilir.
console.log(deger1);
/**
* Const Örnekleri
*/