nojaja nojaja

## html-reactcomponent-2.markdown

      
              6 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nojaja
                / html-reactcomponent-2.markdown
            
            
              Created
              June 12, 2017 00:07
            
              
                Html→ReactComponent #2
              
          
    Html→ReactComponent #2

A Pen by nojaja on CodePen.
License.

  
## index.html
<div>hofe</div>
<div>
  <div>hofe</div>
</div>
<div>hofe
  <div>hofe</div>
</div>
<div>
  <p>hofe</p>
</div>

## index.html
<html>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title></title>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.12.0/css/uikit.min.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script src="https://code.jquery.com/jquery-migrate-3.0.0.js"></script>

## index.html
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Frontpage layout example - UIkit documentation</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.12.0/css/uikit.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://code.jquery.com/jquery-migrate-3.0.0.js"></script>

## index.html
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Frontpage layout example - UIkit documentation</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.12.0/css/uikit.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://code.jquery.com/jquery-migrate-3.0.0.js"></script>

## .siteeditor
HelloWorld

## gist-access.markdown

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nojaja
                / gist-access.markdown
            
            
              Created
              June 21, 2017 23:32
            
              
                gist Access
              
          
    gist Access

A Pen by nojaja on CodePen.
License.

  
## props としての関数と React の SyntheticEvent.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nojaja
                / props としての関数と React の SyntheticEvent.md
            
            
              Last active
              July 6, 2017 13:57
            
          
    React: 保守しやすいハイパフォーマンスの UI コンポーネントを作成する
https://www.ibm.com/developerworks/jp/web/library/wa-react-intro/index.html
props としての関数と React の SyntheticEvent

要素の属性は、単純なデータ型ではなくコールバック関数でパラメーター化されることがよくあります。例として、皆さんは HTML の  <button> 要素の onClick 属性を設定した経験があることでしょう。それと同じ手法を、React コンポーネントにも適用することができます。2 番目のサンプル・コード (example2.jsx) では、カスタム <MyButton> React コンポーネントがそのプロパティーの 1 つとして、onClick ハンドラー・コールバックを取ります.
var MyButton = React.createClass({
 _buttonClicked: function(e) {


## .siteeditor
HelloWorld

## .siteeditor
HelloWorld
	<div>hofe</div>
	<div>
	<div>hofe</div>
	</div>
	<div>hofe
	<div>hofe</div>
	</div>
	<div>
	<p>hofe</p>
	</div>
	<html>

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.12.0/css/uikit.min.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	<script src="https://code.jquery.com/jquery-migrate-3.0.0.js"></script>