小编Ama*_*rma的帖子

如何在Angular Material中的占位符中放置图标?

我正在尝试将图标放在占位符中.我试过这段代码:

<md-input name="name">
   <md-placeholder>
      <i class="material-icons app-input-icon">face</i> Name
   </md-placeholder>
</md-input>
Run Code Online (Sandbox Code Playgroud)

在重新安装角度材料并更新角度cli之前,它正在工作(显示带占位符的图标).对于此代码,浏览器现在提供此错误:"'md-input'不是已知元素".

然后我尝试了这段代码:

 <md-input-container>
    <input mdInput placeholder="Name" name="name2">
 </md-input-container>
Run Code Online (Sandbox Code Playgroud)

它工作正常,但如何在其占位符中添加"face"图标?

angular-material2 angular

3
推荐指数
2
解决办法
2万
查看次数

useContext 和 useReducer Hooks 不起作用。错误:无法读取未定义的属性“状态”

我正在尝试使用 createContext、useReducer 和 useContext 在 React Native 中实现 Redux 概念。下面是我的代码文件:

商店.tsx

import React, { useReducer, createContext } from "react";
import { View, Text, StyleSheet, Button } from "react-native";

export const myContext = createContext();

export default function Store(props) {
  const counter = 0;
  const [state, dispatch] = useReducer((state, action) => {
    return state + action;
  }, counter);
  return (
    <myContext.Provider value={{ state, dispatch }}>
      {props.children}
    </myContext.Provider>
  );
}
Run Code Online (Sandbox Code Playgroud)

应用程序.tsx

import React, { useState, useContext, useEffect, createContext } from            "react";
import { …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs react-native react-context react-hooks

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

如何在 React Native 中递归调用组件并跟踪嵌套级别

我有一个名为“ CommentList ”和“ Comment ”的组件。CommentList 通过使用映射调用“Comment”来呈现评论(例如循环运行 10 次)。

现在,如果您点击任何列出的评论,“评论”可以再次使用一组新的道具渲染“评论列表”。所以,它就像一个嵌套的东西。对于每个更深的级别,我都有缩进。就像如果你点击第一个评论,它会调用“CommentList”并列出自己的 10 条评论,并带有一些缩进等等。

我想跟踪嵌套级别,并在用户深度为 5 级时完全清除列表,并从屏幕上的第 6 级开始新的相同行为。

我还想在新屏幕上有一个后退按钮,以便在我们进入具有新组(6 到 10)的新屏幕时返回到第一个组(1 到 5)

我将只使用功能组件。我应该如何解决这个问题,一旦我有了一些想法来实现这个问题,我将包含代码。任何想法都会有所帮助。

javascript recursion typescript reactjs react-native

-2
推荐指数
1
解决办法
763
查看次数