Запитання з тегом «reactjs»

Я щойно почав використовувати create-response-app з typecript create-react-app my-app --scripts-version=react-scripts-ts а конфігурація tslint.json за замовчуванням не дозволяє console.log (). Як я можу (поки) увімкнути console.log? Документи для цього знаходяться на https://palantir.github.io/tslint/rules/no-console/ . Але вони не кажуть, куди поставити цей рядок: "no-console": [true, "log", "error"] Я шукав і знайшов цей синтаксис …

101 reactjs  typescript  create-react-app  tslint 

У мене є файл test_stuff.js, з яким я працюю npm test Це виглядає приблизно так: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() { describe('#indexOf()', function() { it('should return -1 when …

101 javascript  reactjs  npm  react-jsx 

Я новачок у реагуванні .js Я реалізував один компонент, в якому я отримую дані з сервера і використовую їх як, CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting the enterprises' …

101 javascript  reactjs  configuration  webpack  flux 

Що таке керовані та неконтрольовані компоненти в ReactJS? Чим вони відрізняються один від одного?

101 reactjs  react-component 

Я використовую тег & nbsp у jsx, і він не відображає простір. Далі - невеликий фрагмент мого коду. Будь ласка, допоможіть. var Reporting=React.createClass({ render: function(){ return( <div style={divPositionReporting}> <p>Pricing Reports</p> <hr></hr> Select Scenario:   <select> <option></option> </select> <button type="button">Get Pricing Report</button> <br/> Select Takeout Scenario:  <select> <option></option> </select> <button type="button">Get Pricing …

101 html  reactjs  jsx 

Як ви можете досягти події наведення або активної події в ReactJS, коли ви робите вбудований стиль? Я виявив, що підхід onMouseEnter, onMouseLeave є помилковим, тому сподіваючись, що існує інший спосіб це зробити. Зокрема, якщо дуже швидко навести курсор на компонент, реєструється лише подія onMouseEnter. OnMouseLeave ніколи не запускається, і, отже, …

101 javascript  css  reactjs  mouseevent  dom-events 

Я створив додаток з ReactNative як для iOS, так і для Android з ListView. Під час заповнення подання списку дійсним джерелом даних у нижній частині екрана друкується таке попередження: Попередження: Кожна дочка в масиві або ітераторі повинна мати унікальний пропік "ключа". Перевірте метод візуалізації ListView. Яка мета цього попередження? Після …

101 facebook  listview  reactjs  react-native 

Однорядковий чудово працює render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } не для кількох рядків render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description {n}</p> ) }} ); } Дякую.

100 reactjs 

Маючи на увазі цей код: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component"> {this.state.position} </div> ); } }); ReactDOM.render( <Component />, document.getElementById('main') ); Хіба стан не повинен змінитися лише через …

100 javascript  reactjs 

У мене є компонент, який я створив: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; } renderPlaylists(playlists) { return playlists.map(playlist => { return <div key={playlist.playlist_id} onClick={this.activatePlaylist(playlist.playlist_id)}>{playlist.playlist_name}</div> }); } } function mapStateToProps(state) { return …

100 javascript  reactjs  redux 

Я намагаюся імпортувати компоненти з реагувати-матеріалізуватися як - import {Navbar, NavItem} from 'react-materialize'; Але коли веб-пакет компілює мій, .tsxвін видає помилку для вищезазначеного, як - ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for module 'react-materi alize'. 'D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l ib\index.js' implicitly has an 'any' type. Будь-яке вирішення …

100 reactjs  webpack  webpack-2 

У мене є налаштування мови в контексті, як показано нижче class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() { return { langConfig: 'en' }; } render() { return this.props.children; } } export default LanguageProvider; Код мого додатка буде приблизно таким, як показано нижче <LanguageProvider> <App> …

100 javascript  reactjs  react-context 

Я тільки починаю з Reactjs і писав простий компонент для відображення liтегів і натрапив на цю помилку: Несподіваний маркер '<' Я приклав приклад на jsbin нижче http://jsbin.com/UWOquRA/1/edit?html,js,console,output Будь ласка, дайте мені знати, що я роблю не так.

99 reactjs 

У мене є сидева з купою баскетбольних команд. Тому я хотів би показати щось інше для кожної команди, коли наводиться курсор на одну з них. Крім того, я використовую Reactjs, тому, якщо я міг би мати змінну, я міг би перейти до іншого компонента, який був би приголомшливим.

99 hover  reactjs 

Кожен раз, коли я намагаюся використовувати піктограму Awesome Font у React render(), вона не відображається на отриманій веб-сторінці, хоча вона працює у звичайному HTML. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } Ось живий приклад: http://jsfiddle.net/pLWS3/ Де вина?

99 reactjs  font-awesome