原创 學習React(16) - 在list裏使用index來做爲key

在上一篇中,稍微提了一下key的用法,現在又說一下。大家都知道,在數組裏,是有index來做下標的,那麼想要在列表裏表現出index, 那應該如何用react來表現一下呢。還是使用上一篇的Namelist.js 文件,只是這回沒有

原创 學習React(25) - 介紹refs to DOM elements

這篇博文是講,如何attach refs to DOM elements and also class component in react. 咋們就直接上代碼: // Input.js 文件 import React, { Co

原创 Java 習題 (6)

題目: 編寫一個程序,打印出從命令行獲得的三個參數。爲此,需要確定命令行數組中的String 的下標。 解答: public class chapterOne { public static void main(Strin

原创 學習React(23) - memo 的介紹

創建一個文件,MemoComponent.js // MemoComponent.js 文件 import React from 'react' function MemoComponent({name}) { cons

原创 學習React(13) - 使用props的方法

關於React的一些知識點,之前的博客已經講了差不多了,現在也就不多說什麼了,就直接上代碼,通過代碼就稍微說一下吧。 在src 文件包裏,創建兩個文件,一個叫做Testparentcomponent.js 文件,另一個叫做 Chi

原创 學習React(18) - Form表單的運用

做網頁,大部分情況下是離不開表單的運用。現在,就把如何用react來表示表單。 在src文件夾下創建一個文件: // Formstyle.js 文件 import React, { Component } from 'react'

原创 學習React(24) - 介紹Refs的用法

// RefsDemo.js 文件 import React, { Component } from 'react' class RefsDemo extends Component { constructor(prop

原创 學習React(20) - Mounting Lifecycle 方法的介紹

在Mounting Lifecycle 方法裏,一共有四種方法,接下來會一個一個的說明。 先說 constructor(props) 方法 A special function that will get called whe

原创 學習React(12) - setState 的方法

現在來寫寫有關setState的用法,代碼如下: // Testsetstate.js 文件 import React, {Component} from 'react' class testSetState extends C

原创 學習React(5) - 組件 Component

組件是用來描述一部分的用戶界面。 組件是可以重複利用的,而且還可以嵌套在其他組件中。 組件類型: (1)無狀態功能組件 Stateless Functional Component 採用JavaScript Functions f

原创 Java習題(1)

題目:創建一個類,它包含一個int域和一個char域,它們都沒有被初始化,將它們的值打印出來,以驗證Java執行了默認初始化。 解答: public class chapterOne { // 必須得聲明成static,不然程序

原创 學習React(6) - Class 組件(Component)

博主將繼續學習React, 如果用class 這個關鍵字來做組件的話,應該如何來實現呢!之前是在App.js 文件裏用class component, 現在就不在App.js 文件裏實現。 就直接上代碼,還是一樣在src文件夾裏,

原创 學習React(17) - 樣式和基本的CSS (Styling and CSS basics)

在React中,有幾種形式可以表示CSS在React中. CSS stylesheets Inline styling CSS Modules CSS in JS Libraries (Styled Components)

原创 學習React(14) - 條件渲染 (conditional rendering)

當我們要建立react app的時候,你有可能需要展示或者隱藏某些HTML內容基於某些條件。很幸運的,條件渲染在React的做法跟javascript是一樣的。在React中,一共有四種方法。 if / else Elemen

原创 學習React(10) - props的用法在functional component

在之前的博客裏,博主寫了怎麼在class component和JSX裏使用props了,那麼現在博主將演示怎麼在functional component裏用props. 還是在src文件夾下創建一個Testprops.js文件。