Как в зависимость useMemo добавить условие?

Question

[MishaXXL]

В компоненты мы из пропсов получаем значение, которое может быть любым числом и меняется часто
let value = props.value

Как нам сделать так, чтобы наш хук мемо обновлял значение state только тогда, когда значение value равно 0?

const state = useMemo(() => {
    return Math.floor(Math.random() * 100)
}, [value])

Answer 1

[Алексей Уколов]

const state = useMemo(() => {
    return Math.floor(Math.random() * 100)
}, [value === 0 ? 0 : 1])

Но в данном случае будет всё равно два варианта: ноль и не-ноль.

Вы, очевидно, неправильно используете useMemo, но что нужно использовать вместо него по такому описанию задачи сказать нельзя.

Comments

[MishaXXL]

Если коротко, то
Есть родительский компонент, который обновляется всегда
Есть дочерний мемоизированный компонент, который нужно дополнительно обновлять по одному условию, когда значение value приходит с 0

В общем это костыль в виде надстройки над библиотечным компонентом, который по умолчанию идет только мемоизированным

[Алексей Уколов]

А если пришёл 0, а потом не 0, что должно происходить?

[Алексей Уколов]

У вас-то тогда никакого useMemo нет, раз это уже мемоизированный компонент? Вам нужно опрерировать только его пропсами и, очевидно, у вас два набора пропсов: когда ноль и когда не-ноль. Вот и создавайте объект пропсов исходя из этого:

const childPropsBuilder = (isZero) => {
    if (isZero) {
        return {foo: `bar`};
    } else {
        return {baz: 42};
    }
}

const [childProps, setChildProps] = useState(childPropsBuilder(props.value === 0));

useEffect(() => {
    setChildProps(childPropsBuilder(props.value === 0));
}, [props.value === 0])

<Child {...childProps}/>

[szQocks]

Алексей Уколов, если проще, то ему нужен ререндер когда текущее значение 0, и приходит 0

[MishaXXL]

szQocks, да )
Там свои нюансы одного случая, но в целом как-то так

[Алексей Уколов]

Ну доработайте логику выше как вам надо или опишите, чем она не подходит.

[szQocks]

MishaXXL, добавь аттрибут key к TimeInput xDD <TimeInput key={Math.random()} />, хотя наверное и это даже не поможет хех, ничё не поможет, потому что не будет ререндера вообще, и там дело не в MUI или в memo или в useMemo, а в самом useState