小编Asa*_*viv的帖子

是否可以覆盖 material-ui 组件的默认道具?

假设我希望Button来自的每个组件material-ui都具有variant="contained" color="secondary". 这可能吗?

reactjs material-ui

10
推荐指数
1
解决办法
2273
查看次数

如何修改类型的嵌套属性?

我有一个类型

type Foo = {
  a: {
    b: {
      c: string[]
      ...rest
    }
    ...rest
  }
  ...rest
}
Run Code Online (Sandbox Code Playgroud)

我如何更改a.b.c为另一种类型但保留其余属性?

typescript

6
推荐指数
1
解决办法
1656
查看次数

将 useRef 钩子传递给 ref 属性的正确方法

我不知道如何制定的问题隐约少,但它是关于通过噪声值传递按引用情况作出反应。和钩子。

我正在使用 gsap 为 div 滑入和滑出设置动画,这是与此相关的上下文,但我猜想 ref 的用途应该无关紧要。


所以,这很好用,即使这是我理解的一种更类组件典型的传递引用的方式:

const RootNavigation = () => {
var navbar = useRef();

const myTween = new TimelineLite({ paused: true });    
const animate = () => {
    myTween.to(navbar, 0.07, { x: "100" }).play();
  };

return(
     <div className="nav-main" ref={div => (navbar = div)}>   // <<<<<<<<<<   pass as a callback
     ...
    </div>
    )}
Run Code Online (Sandbox Code Playgroud)

这会引发“类型错误:无法添加属性 _gsap,对象不可扩展”错误,尽管 React Hooks 指南会让我这样做:

const RootNavigation = () => {
var navbar = useRef();

const myTween = new …
Run Code Online (Sandbox Code Playgroud)

reactjs react-hooks

5
推荐指数
1
解决办法
4288
查看次数

如何使用玩笑/酶测试 useEffect 与 useDispatch 挂钩?

如何测试是否useEffectdispatchrequestMovies上安装?

import { useDispatch } from 'react-redux';

export const requestMovies = page => ({
  type: MoviesTypes.REQUEST_MOVIES,
  page,
});

const MoviesShowcaseList = () => {
  const { page } = useShallowEqualSelector(state => state.movies);
  const dispatch = useDispatch();

  const fetchNextMoviesPage = () => {
    dispatch(requestMovies(page + 1));
  };

  useEffect(fetchNextMoviesPage, []);

  return (...);
};
Run Code Online (Sandbox Code Playgroud)

javascript reactjs jestjs enzyme react-redux

3
推荐指数
1
解决办法
6955
查看次数

类型时钟上不存在 ReactJS 属性 timerID

我是 react js 的新手,目前我正在尝试遵循官方 reactjs 文档,运行一些示例。最近我尝试了这个例子:https : //reactjs.org/docs/state-and-lifecycle.html

但是当我把这段代码:

import React from 'react';
import ReactDOM from 'react-dom';

class Clock extends React.Component {

    state = {
        date: new Date()
    };

    constructor(props:any) {
        super(props);
        this.timerID = 0;
    }    
    componentDidMount() {
        this.timerID = setInterval(
            () => this.tick(),
            1000
        );
      }

      componentWillUnmount() {
        clearInterval(this.timerID);
      }

      tick() {
        this.setState({
          date: new Date()
        });
      }           
    render() {
      return (
        <div>
          <h1>Hello, world!</h1>
          <h2>It is {this.state.date.toLocaleTimeString()}.</h2>
        </div>
      );
    }
  }

  ReactDOM.render(
    <Clock />,
    document.getElementById('root')
  );
Run Code Online (Sandbox Code Playgroud)

但是在 …

typescript reactjs

1
推荐指数
1
解决办法
892
查看次数