成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

一個簡單且靈活易用的 React 格式化和 i18n 工具

20171112 / 1403人閱讀

摘要：是一個簡單且靈活易用的格式化和工具。它通過連接組件給組件一個默認為的。是一個可以根據(jù)不同的顯示不同內(nèi)容的函數(shù)。和內(nèi)容之間的關(guān)系可以靈活地通過配置確定。在線互動演示最簡單的使用方式你好歡迎你好歡迎也可與相連

react-put 是一個簡單且靈活易用的格式化和 i18n 工具。

它通過“連接”組件給組件一個默認為 put 的 props。put 是一個可以根據(jù)不同的 key 顯示不同內(nèi)容的函數(shù)。 key 和 內(nèi)容之間的關(guān)系可以靈活地通過配置確定。

NPM
GitHub
在線互動演示

最簡單的使用方式：

// App.js 
import connectPut from "react-put"
 
class App extends Component {
  render() {
    return (
      

        
{this.props.put("hello")}, {this.props.put("welcome", "username")}

        
{this.props.put("haveApple", "username", 3)}

        
{this.props.put("testKey")}

      

    );
  }
}
const options = {
  dictionary: {
    hello: "你好",
    welcome: name => `歡迎${name}`,
    haveApple: (name, amount) => `${name} has ${amount} ${amount === 1 ? "apple" : "apples"}`,
  },
  mapPropToDictionary: props => props, // You can do something wild with this option 
};
export default connectPut(options)(App);
 
// test.js 
import App from "./App";
 
...
  render() {
    return 
  }
...
 
// renders: 


  
你好, 歡迎username

  
username has 3 apples

  
someValue

也可與 redux 相連

class App extends Component {
  constructor(props) {
    super(props);
    this.changeLanguage = () => {
      this.props.dispatch({ type: "SET_DICT", dictionary: {...} }); // Assume SET_DICT is received by dictionary reducer 
    };
  }
  render() {
    return (
      

        
{this.props.put("hello")}, {this.props.put("welcome", "username")}

        
{this.props.put("haveApple", "username", 3)}

        
{this.props.put("testKey")}

        
      

    );
  }
}
const options = {
  mapPropToDictionary: props => Object.assign({}, props.dictionary),
};
const mapStateToProps = state => Object.assign({}, { dictionary: state.dictionary });
ConnectedApp = connectPut(options)(App);
ConnectedApp = connect(mapStateToProps)(ConnectedApp);

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/81321.html

相關(guān)文章

  • javascript功能插件大集合 前端常用插件 js常用插件

    摘要：轉(zhuǎn)載來源包管理器管理著庫，并提供讀取和打包它們的工具。能構(gòu)建更好應(yīng)用的客戶端包管理器。一個整合和的最佳思想，使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數(shù)據(jù)。 轉(zhuǎn)載來源：https://github.com/jobbole/aw... 包管理器管理著 javascript 庫，并提供讀取和打包它們的工具。?npm – npm 是 javasc...

    netmou 評論0 收藏0

  • javascript功能插件大集合 前端常用插件 js常用插件

    摘要：轉(zhuǎn)載來源包管理器管理著庫，并提供讀取和打包它們的工具。能構(gòu)建更好應(yīng)用的客戶端包管理器。一個整合和的最佳思想，使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數(shù)據(jù)。 轉(zhuǎn)載來源：https://github.com/jobbole/aw... 包管理器管理著 javascript 庫，并提供讀取和打包它們的工具。?npm – npm 是 javasc...

    Hydrogen 評論0 收藏0

  • javascript功能插件大集合，寫前端的親們記得收藏

    摘要：一個專注于瀏覽器端和兼容的包管理器。一個整合和的最佳思想，使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。完全插件化的工具，能在中識別和記錄模式。健壯的優(yōu)雅且功能豐富的模板引擎。完整的經(jīng)過充分測試和記錄數(shù)據(jù)結(jié)構(gòu)的庫。 【導(dǎo)讀】：GitHub 上有一個 Awesome – XXX 系列的資源整理。awesome-javascript 是 sorrycc 發(fā)起維護的 JS 資源列表...

    cfanr 評論0 收藏0

  • JavaScript 資源大全中文版

    摘要：官網(wǎng)全新的靜態(tài)包管理器。官網(wǎng)一個整合和官網(wǎng)的最佳思想，使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。官網(wǎng)小巧的兼容的所見即所得的富文本編輯器。官網(wǎng)富文本編輯器。官網(wǎng)由制作，適用于每天寫作的富文本編輯器。 1. 包管理器 管理著 javascript 庫，并提供讀取和打包它們的工具。 npm：npm 是 javascript 的包管理器。官網(wǎng) cnpm：cnpm 是 由于國...

    jzman 評論0 收藏0

  • [ 一起學(xué)React系列 -- 10 ] i18n

    摘要：假如有這么一段句子這件衣服是人民幣如果我們想將一個數(shù)字以人民幣的形式寫進去的話可以這么做最終顯示結(jié)果是這件衣服是人民幣其實它做了兩件事一個是加符號，另一個是加分隔符。同時表示人民幣，表示美元。 今天來介紹一個非常international的東西。 i18n國際化(internationalization)的簡稱。之所以叫i18n，是因為字母i和n之間有18個字母，所以才叫i18n。不...

    biaoxiaoduan 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<