原创 react toast實際應用

一、react-toast-notifications(樣式好看,但是比較難放到自己的實例中) API可以查看鏈接:https://github.com/jossmac/react-toast-notifications 效果圖 代碼

原创 react獲取循環出來的複選框的值

簡單代碼 import React, { Component } from "react"; import { Checkbox } from "semantic-ui-react"; import { getlistStaff } f

原创 semantic-ui-react使用

引入 import { Checkbox, Table, Button, Icon } from "semantic-ui-react"; import "semantic-ui-css/semantic.min.css"; 下載 n

原创 用js、react寫了一個帶搜索框的多選擇器,附完整代碼

效果圖 完整代碼 App.js import React, { Component } from "react"; import { Input , Checkbox } from 'antd'; import { CloseOutl

原创 react控制電話格式

  import React, { Component } from "react"; import phoneutil from "google-libphonenumber"; import _ from "lodash"; fun

原创 npm常見命令語句

安裝 npm install 模塊:安裝好後不寫入package.json中 npm install 模塊 --save 安裝好後寫入package.json的dependencies中(生產環境依賴) npm install 模塊 --

原创 真正在react中實現iframe引用外部鏈接高度自適應(實測,有用,附完整代碼)

react:  iframe fit content height 網上找了一天,沒有看到真正有用的,重複來重複去都是那兩個方法。最後自己解決了,方法記錄下來,方便大家學習使用。 完整代碼如下: App.js import React,

原创 小程序開發學習-小白逐步學習更新中

1.申請一個Appid 在網址:https://mp.weixin.qq.com/,點擊截圖中紅色圈住部分 2.進入頁面後,下滑到底端,點擊前往註冊 3.註冊之後,登錄小程序後臺 :https://mp.weixin.qq.com/w

原创 react native天氣預報應用開發

天氣查詢 https://www.heweather.com/documents/api/v5/weather 天氣預測,目前使用免費的接口只能預測三天 https://www.heweather.com/documents/api/v5

原创 react-native定位

Geolocation 1.ios 你需要在 Info.plist 中增加NSLocationWhenInUseUsageDescription字段來啓用定位功能。如果你是用react-native init命令來創建項目,則定位會被默認

原创 CameraRoll詳細介紹(代碼+解析)

CameraRoll目前僅支持ios 一、React Native - 使用CameraRoll將圖片保存到本地相冊 重要代碼 import React, {Component} from 'react'; import { Sty

原创 react表單密碼驗證

表單驗證:驗證密碼強度(通過組件方法,但是不夠靈活,只限於簡單使用) import React, { Component } from "react"; import "./App.css" import ReactPasswordSt

原创 react實現下載(download屬性,jspdf,html-docx-js,wkhtmltopdf)

一、最簡單的方法:利用download屬性 download屬性內填值表示指定下載的文件名  <a href={Pig} download="details.jpeg">下載</a> <a href={Pig} download>下載<

原创 react native導入react-native-video並鏈接到庫裏,完整功能的demo

安裝react-native-video npm install react-native-video --save IOS環境下-手動鏈接: 1.在Xcode中打開項目,在Libraries上單擊右鍵,然後選擇"Add Files t

原创 PanResponder學習

廢話不多說,上代碼 import React, { Component } from 'react'; import { StyleSheet, Text, View, TouchableHighlight, PanResponder