Come richiedere sottolineatura nel reagire nativo

Question

Il registro delle modifiche di reagire nativo menziona https://facebook.github.io/react/blog/2015/04/17/react-native-v0.4.html

NPM modules compatibility: There are a lot of libraries on NPM that do not depend on node/browser internals that would be really useful in React Native, such as superagent, underscore, ...

ma non funziona per me. E 'come installo, attraverso package.json

# package.json 

"dependencies": { 
    "react-native": "*", 
    "underscore": "^1.8.3" 
    ... 

E in effetti vedo nel NPM dependecy

# npm ls 
├─┬ react-native@0.8.0 
| ... 
├── react-native-navbar@0.7.3 
└── underscore@1.8.3 

E lo fa il lavoro per qualche altro reagiscono componenti

è il modo Richiedo

var _ = require('underscore'); 

Ma non funziona, _ non è definito

Grazie per qualsiasi consiglio.

Answer 1

Sto usando lodash (sottolineano con più roba) come questo:

1. Aggiungere questo al package.json "lodash": "^3.10.0"

2. Nella componente è necessario solo scrivere: var _ = require('lodash')

E tu sei pronto.

Ecco più informazioni lodash se avete bisogno di lodash

Answer 2

ho trovato il problema, il problema è

I do NOT use it

ho appena lo richiedono e cercare di provarlo in console.

Quando lo uso da qualche parte, come _.map([1, 2, 3], function(num){ return num * 3; }) ovunque.

Quindi lo provo in console, questa volta richiede la libreria.

Non sono sicuro che questo sia NPM che richiede o reagisce al comportamento nativo?

Quando non si utilizza una libreria, anche se lo si richiede, non sarà necessario.

Answer 3

Per eseguire richiedono con successo in Reagire, questo è quello che ho fatto:

1. installazione di sottolineatura.

   npm install underscore 
   

2. Definire una dipendenza in package.json

   "dependencies": { 
       "react": "^0.13.*", 
       "underscore": "^1.8.3" 
   } 
   

3. Definire sottolineare all'interno della funzione in cui si desidera utilizzarlo.

   render() { 
       let _ = require('underscore') 
       let buttonStyle = _.clone(button); 
   } 
   

Answer 4

Se si utilizza il modulo ES6 (come in ReactNative) il modo corretto è quello di utilizzare l'istruzione import:

import _ from 'lodash' 

let text = _.isUndefined(route.rightButtonText) ? 'Default value' : route.rightButtonText;