Pytania otagowane jako reactjs

React (znany również jako React.js lub ReactJS) to biblioteka JavaScript opracowana przez Facebooka w celu tworzenia interfejsów użytkownika. Wykorzystuje deklaratywny paradygmat oparty na komponentach, a jego celem jest zarówno wydajność, jak i elastyczność.

6
Stan ReactJS vs prop
Może to oznaczać stąpanie po granicy między odpowiedzialnym a upartym, ale będę poruszać się w tę iz powrotem, jak skonstruować komponent ReactJS w miarę wzrostu złożoności i przydałby się jakiś kierunek. Pochodząc z AngularJS, chcę przekazać mój model do komponentu jako właściwość i pozwolić komponentowi bezpośrednio modyfikować model. A może …
121 reactjs 
2
Axios get in url działa, ale z drugim parametrem jako obiektem nie działa
Próbuję wysłać żądanie GET jako drugi parametr, ale nie działa, gdy działa jako adres URL. To działa, $ _GET ['naam'] zwraca test: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: err}) }) } }; …
3
PropTypes w aplikacji reagującej na język TypeScript
Czy używanie React.PropTypesma sens w aplikacji TypeScript React, czy jest to tylko przypadek „paska i szelek”? Ponieważ klasa komponentu jest zadeklarowana za pomocą Propsparametru typu: interface Props { // ... } export class MyComponent extends React.Component<Props, any> { ... } czy jest realna korzyść z dodania static propTypes { myProp: …
10
ReactJS - Uzyskaj wysokość elementu
Jak mogę uzyskać wysokość elementu po wyrenderowaniu tego elementu przez React? HTML <div id="container"> <!-- This element's contents will be replaced with your component. --> <p> jnknwqkjnkj<br> jhiwhiw (this is 36px height) </p> </div> ReactJS var DivSize = React.createClass({ render: function() { let elHeight = document.getElementById('container').clientHeight return <div className="test">Size: <b>{elHeight}px</b> …
11
React JS onClick obsługi zdarzeń
mam var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( <div> <ul> <li onClick={this.getComponent}>Component 1</li> </ul> </div> ); } }); React.renderComponent(<TestApp />, document.body); Chcę pokolorować tło klikniętego elementu listy. Jak mogę to zrobić w React? Coś jak $('li').on('click', function(){ $(this).css({'background-color': '#ccc'}); });
10
Naruszenie niezmienności: brak rekwizytu nawigacji w tym nawigatorze
Otrzymuję tę wiadomość, gdy próbuję uruchomić moją natywną aplikację React. Zwykle ten format działa w innych nawigacjach wieloekranowych, ale jakoś nie działa w tym przypadku. Oto błąd: Invariant Violation: The navigation prop is missing for this navigator. In react-navigation 3 you must set up your app container directly. More info: …
7
Jak włączyć / wyłączyć tryb programowania w ReactJS?
Zaczęto używać funkcji sprawdzania poprawności właściwości ReactJS , która, jak mówią dokumenty, działa tylko w „trybie programistycznym” ze względu na wydajność. Wydaje się, że React sprawdza właściwości konkretnego komponentu, o którym pisałem, ale nie pamiętam, żebym jawnie włączał „tryb programowania”. Próbowałem znaleźć sposób wyzwalania / przełączania trybu programowania, ale nie …
120 reactjs 
7
React.js: zdarzenie onChange dla contentEditable
Jak słuchać zdarzenia zmiany dla contentEditablesterowania opartego na bazie danych? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); http://jsfiddle.net/NV/kb3gN/1621/
9
Wysyłanie tokena okaziciela z axiosami
W mojej aplikacji do reagowania używam Axios do wykonywania żądań REST API. Ale nie można wysłać nagłówka Authorization z żądaniem. Oto mój kod: tokenPayload() { let config = { headers: { 'Authorization': 'Bearer ' + validToken() } } Axios.post( 'http://localhost:8000/api/v1/get_token_payloads', config ) .then( ( response ) => { console.log( response …
8
HashRouter vs BrowserRouter
Jestem nowy w programowaniu, co sprawia, że ​​trochę trudno mi zrozumieć, kiedy czytam oficjalne dokumenty. Czytałem stąd o React Router 4 W tym artykule autor mówił o <HashRouter>i<BrowserRouter> O tym właśnie wspomniał HashRouter w zasadzie używa skrótu w adresie URL do renderowania komponentu. Ponieważ budowałem statyczną, jednostronicową witrynę internetową, potrzebowałem …
120 reactjs 
15
Jak używać instrukcji switch wewnątrz komponentu React?
Mam komponent React, a wewnątrz rendermetody komponentu mam coś takiego: render() { return ( <div> <div> // removed for brevity </div> { switch(...) {} } <div> // removed for brevity </div> </div> ); } Chodzi o to, że mam dwa divelementy, jeden na górze i jeden na dole, które są …
120 reactjs 
7
Stan nie aktualizuje się, gdy używa się podpięcia stanu React w ramach setInterval
Wypróbowuję nowe haki do reagowania i mam komponent zegara z licznikiem, który ma zwiększać się co sekundę. Jednak wartość nie przekracza jednego. function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() => { const timer = window.setInterval(() => { setTime(time + 1); }, 1000); return () => { window.clearInterval(timer); }; …
5
Jaka jest różnica między `useRef` a` createRef`?
Przeglądałem dokumentację haków, kiedy się natknąłem useRef. Patrząc na ich przykład… function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); }; return ( <> <input ref={inputEl} type="text" /> <button onClick={onButtonClick}>Focus the input</button> </> ); } …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.