Próbuję napisać komponent React. dla tagów nagłówków html (h1, h2, h3, itd.), gdzie priorytet nagłówka zmienia się dynamicznie w zależności od priorytetu, który zdefiniowaliśmy we właściwościach. Oto co próbuję zrobić. <h{this.props.priority}>Hello</h{this.props.priority}> oczekiwany...
Mam następujący stan: this.setState({ selected: { id: 1, name: 'Foobar' } }); Następnie aktualizuję stan: this.setState({ selected: { name: 'Barfoo' }}); Ponieważ setStatema nastąpić scalenie, spodziewałbym się, że będzie to: { selected: { id: 1, name: 'Barfoo' } }; Ale zamiast tego zjada...
Jak uzyskać wysokość rzutni w ReactJS? W normalnym JavaScript używam window.innerHeight() ale używając ReactJS, nie jestem pewien, jak uzyskać te informacje. Rozumiem, że ReactDOM.findDomNode() działa tylko dla utworzonych komponentów. Nie dotyczy to jednak elementu documentor body, który...
react-native run-androidpolecenie kończy się, pozostawiając wiadomość w symulatorze systemu Android. Wiadomość jest następująca: Nie można załadować skryptu. Upewnij się, że masz uruchomiony serwer Metro lub że pakiet „index.android.bundle” jest prawidłowo zapakowany do wydania. Co ja robię...
Oto, czego próbowałem i jak idzie źle. To działa: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> To nie: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> Właściwość description jest zwykłym ciągiem zawartości HTML. Jednak...
var MySelect = React.createClass({ change: function(){ return document.querySelector('#lang').value; }, render: function(){ return( <div> <select id="lang"> <option value="select" onChange={this.change}>Select</option> <option value="Java"
Badam możliwości React Native podczas tworzenia aplikacji demonstracyjnej z niestandardową nawigacją między widokami za pomocą Navigatorkomponentu . Główna klasa aplikacji renderuje nawigatora, a wewnątrz renderScenezwraca przekazany komponent: class App extends React.Component { render() {...
Napisałem kod: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } Otrzymuję błąd: Typ elementu JSX Elemnie ma żadnych konstrukcji ani sygnatur wywołań Co to
Muszę dodać klasę dynamiczną do listy zwykłych klas, ale nie mam pojęcia, jak (używam babel), coś takiego: <div className="wrapper searchDiv {this.state.something}"> ... </div> Jakieś
Czy istnieje systematyczne podejście do debugowania tego, co powoduje ponowne renderowanie komponentu w Reakcie? Umieściłem prostą console.log (), aby zobaczyć, ile razy renderuje, ale mam problem ze zrozumieniem, co powoduje, że komponent renderuje się wiele razy, tj. (4 razy) w moim przypadku....
Czy istnieje sposób na włączenie notacji nawiasów klamrowych Reacta i hreftagu? Powiedzmy, że w stanie mamy następującą wartość: {this.state.id} oraz następujące atrybuty HTML w tagu: href="#demo1" id="demo1" Czy istnieje sposób, w jaki mogę dodać idstan do atrybutu HTML, aby uzyskać coś...
Muszę utworzyć formularz, który będzie wyświetlał coś na podstawie wartości zwracanej przez API. Pracuję z następującym kodem: class App extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit...
Czy jest to więc jedyny sposób renderowania surowego html za pomocą reagjs? // http://facebook.github.io/react/docs/tutorial.html // tutorial7.js var converter = new Showdown.converter(); var Comment = React.createClass({ render: function() { var rawMarkup =
Niedawno wprowadzona na rynek reakcja zawiera tylko przykład aplikacji na iOS i
Używam vscode z Prettier 1.7.2 i Eslint 1.7.0. Po każdej nowej linii otrzymuję: [eslint] Delete 'cr' [prettier/prettier] To jest plik .eslintrc.json: { "extends": ["airbnb", "plugin:prettier/recommended"], "env": { "jest": true, "browser": true }, "rules": {
class PlayerControls extends React.Component { constructor(props) { super(props) this.state = { loopActive: false, shuffleActive: false, } } render() { var shuffleClassName = this.state.toggleActive ? "player-control-icon active" : "player-control-icon" return ( <div...
Chcę zapytać, co oznacza i co robi ostatnie zdanie (eksport domyślny HelloWorld;), ale nie mogę znaleźć żadnych poradników na ten temat. // hello-world.jsx import React from 'react'; class HelloWorld extends React.Component { render() { return <p>Hello, world!</p>; } } export...
Nie mogę dowiedzieć się, jak ustawić domyślne wartości właściwości dla moich składników za pomocą Typescript. Oto kod źródłowy: class PageState { } export class PageProps { foo: string = "bar"; } export class PageComponent extends React.Component<PageProps, PageState> { public render():...
Dlaczego w poniższym przykładzie pseudokodu Child nie jest ponownie renderowany, gdy kontener zmienia foo.bar? Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return
Czy używanie componentDidMount()jako funkcji asynchronicznej jest dobrą praktyką w React Native, czy powinienem tego unikać? Muszę uzyskać informacje od AsyncStoragemomentu zamontowania komponentu, ale jedyny znany mi sposób, aby to umożliwić, to ustawienie componentDidMount()funkcji...