Mam: Jak pozbyć się niebieskiego podkreślenia? Kod poniżej: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> Składnik MenuItem pochodzi z http://www.material-ui.com/#/components/menu Wszelkie spostrzeżenia lub...
Czy ktoś może mi powiedzieć, jak mogę wrócić do poprzedniej strony zamiast określonej trasy? Używając tego kodu: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back...
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...
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...
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...
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...
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>;...
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(
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(() => {...
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...
Właśnie zacząłem studiować ReactJS i odkryłem, że daje ci 2 sposoby renderowania stron: po stronie serwera i po stronie klienta. Ale nie rozumiem, jak używać tego razem. Czy są to 2 oddzielne sposoby tworzenia aplikacji, czy mogą być używane razem? Jeśli możemy go używać razem, jak to zrobić - czy...
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...
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 />,...
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 ( <>...
Jakie jest znaczenie {...this.props} Próbuję to wykorzystać w ten sposób <div {...this.props}> Content Here
Powiedzmy, że mam komponent z takim renderowaniem: <View style={jewelStyle}></View> Gdzie jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, Jak mogę ustawić dynamiczny i losowy kolor tła? próbowałem { borderRadius: 10,...
Używam Axios podczas programowania w ReactJS i udaję, że wysyłam żądanie DELETE do mojego serwera. Aby to zrobić, potrzebuję nagłówków: headers: { 'Authorization': ... } a ciało składa się z var payload = { "username": .. } Szukałem w Internecie i stwierdziłem tylko, że metoda DELETE...
Tworzę aplikację, która będzie musiała być dostępna w wielu językach i lokalizacjach. Moje pytanie nie jest czysto techniczne, ale dotyczy raczej architektury i wzorów, których ludzie używają w produkcji, aby rozwiązać ten problem. Nie mogłem nigdzie znaleźć żadnej "książki kucharskiej", więc...
Bawię się trochę z Material-UI . Czy są jakieś opcje tworzenia układu siatki (jak w Bootstrap )? Jeśli nie, w jaki sposób można dodać tę funkcjonalność? Istnieje składnik GridList, ale wydaje mi się, że ma on inny
Po prostu zaczynam pracę nad projektem Reacta z TypeScript i zadaję sobie pytanie, co powinienem zrobić ze zwykłymi plikami klas? Powinienem używać .tsor .tsxfiles, a potem nie mogłem znaleźć żadnego powodu, aby nie używać .tsxfile przez cały czas, nawet jeśli nie jest to projekt React! Czy jest...