React Context API: StateProvider未呈现应用程序组件
React Context API是React框架提供的一种状态管理机制，用于在组件树中共享数据。StateProvider是一个自定义组件，用于将数据提供给应用程序组件。
React Context API的主要特点包括：
- 状态共享：通过Context API，可以将状态数据传递给组件树中的任何组件，而不需要手动通过props一层层传递。
- 简化组件通信：Context API可以帮助解决跨组件之间的数据传递问题，特别适用于跨层级的组件通信。
- 避免层层嵌套：使用Context API可以避免组件层级过深，减少了组件之间的耦合性。
StateProvider是一个自定义组件，通常用于创建和管理Context对象。它可以通过createContext函数创建一个Context对象，并通过Provider组件将数据传递给子组件。StateProvider可以接收一个value属性，用于传递数据给子组件。
React Context API的应用场景包括：
- 全局状态管理：当应用程序需要共享状态数据时，可以使用Context API来管理全局状态，避免了props的传递和组件层级的限制。
- 主题切换：通过Context API可以实现主题切换功能，将主题数据传递给所有需要使用主题的组件。
- 多语言支持：使用Context API可以将当前语言信息传递给所有需要支持多语言的组件。
腾讯云相关产品中，可以使用Serverless Cloud Function（SCF）来部署React应用程序，并结合使用云数据库（TencentDB）来存储应用程序的数据。此外，腾讯云还提供了云原生应用平台（Tencent Kubernetes Engine）和云原生数据库（TencentDB for TDSQL）等产品，用于支持云原生应用的开发和部署。
更多关于腾讯云产品的信息，可以参考腾讯云官方网站：腾讯云。
相关·内容
一个父组件-- App用一个Context.Provider包装--传递App的状态。
子Counter组件是通过临时呈现的，它的参数是从App组件传递的状态变量。
单击子组件-通过上下文API更改状态变量；
子组件实际上执行重命名器但是，componentDidUpdate没有被触发。
为什么？
我怀疑这与反应的肤浅比较有关..。
如何在仍然使用此模式的同时使componentDidUpdate触发？
代码示例(也在Codepen：上)
const StateContext = React.createContext();
const StateProvider = StateContex
浏览 1提问于2020-01-26得票数 1
回答已采纳
我正在尝试在一个应用程序中同时实现Typescript和Context API。在这种情况下，我尝试为登录创建上下文API。 这是我得到的错误：Error: Rendered more hooks than during the previous render. 我不确定我做错了什么，下面是我的代码： StateProvider.tsx： import React, {
Reducer,
Dispatch,
createContext,
useContext,
useReducer,
} from "react";
import { initialSt
浏览 28提问于2021-04-07得票数 0
回答已采纳
我的项目中有三个主题，我想用React Context API来处理主题切换过程，但是我得到了这个“超过最大更新深度”的错误。我该怎么处理呢？ 下面是我的数据层： import React from "react";
// Data Layer
export const StateContext = React.createContext();
// Provider
export const StateProvider = ({ reducer, initialState, children }) => (
<StateContext.Provider
浏览 6提问于2020-10-03得票数 0
回答已采纳
1回答
StateProvider.js
import React, { createContext, useContext, useReducer } from "react";
// Prepares the dataLayer
export const StateContext = createContext();
// Wrap our app and provide the Data layer
export const StateProvider = ({ reducer, initialState, children }) => (
<StateCon
浏览 3提问于2022-11-04得票数 1
回答已采纳
我使用的是React-Context-API而不是redux，但是在创建了StateProvider和reducer之后，当我将应用程序组件包装在Index.js中的StateProvider中时。我的整个应用程序都被本地主机上的一个白色页面所取代。代码片段如下所示。 Index.js import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import reportWe
浏览 35提问于2021-09-06得票数 1
回答已采纳
我使用react钩子创建应用程序，而socket.io-client用于烧瓶和react之间的通信，试图访问应用程序不同组件中的socket.io-client实例，
请检查下面的代码，在socket-Instance.js，中创建了连接后的socketio实例，并使用调度将其存储在store.js中，
in device.js，试图访问存储的套接字实例，并在切换时发出数据，
但是在套接字实例中，我试图打印console.log(socketInstance);，这将以null的形式出现。
我只想创建一次套接字实例，并尝试使用连接的套接字从不同的组件发出数据。
使用这个库
Index.js
i
浏览 4提问于2020-10-22得票数 2
我试图理解，它描述了如何使用react的上下文API来管理应用程序级的状态。对于一个简单的应用程序(在本例中是一个基本计数器应用程序)，它使用以下解决方案：
const CountContext = React.createContext()
function CountProvider(props) {
const [count, setCount] = React.useState(0)
const value = React.useMemo(() => [count, setCount], [count])
return <CountContext.Provid
浏览 6提问于2020-06-06得票数 34
回答已采纳
我正在将我的页面从html和jquery迁移到使用React，我知道React Router和Redux是在构建react应用程序时处理路由的方法，但就目前而言，我想知道如何更改我的设置，以便能够为不同的页面呈现不同的react组件。目前，我可以在加载索引页面时呈现一个react组件，但我认为可以在它下面添加另一个ReactDOM.render()，并在不同的页面上为该组件指定一个不同的div id，但我注意到了一个错误Invariant Violation: Target container is not a DOM element。这是否与不使用react路由器或其他原因有关？
这是我的i
浏览 1提问于2019-03-22得票数 0
我正在开始重新分解我的反应状态管理，以利用上下文API。
我已经设置了一个基本的状态管理器，并将上下文传递到一个配置文件中，该配置文件会进入各个表单，以避免道具钻研。
State.js
import React, {createContext, useContext, useReducer} from 'react';
export const StateContext = createContext();
export const StateProvider = ({reducer, initialState, children}) => (
<StateCo
浏览 0提问于2019-06-08得票数 0
import {useEffect, createContext} from 'react';
import DisplayDate from "./components/DisplayDate";
import React from "react";
export const Context= createContext();
const reducer = (state, action) => {
switch(action.type){
case "IN":
return{
浏览 9提问于2021-12-13得票数 0
1回答
不需要状态管理库的SSR数据获取
、、、、
我试图使一个SSR反应应用程序，但不能传递道具从快递到组件。我犯了什么错？
server.js
import AppPage2 from './src/project02/LandingPage';
......
......
server.get('/project2',async (req,res)=>{
const context = {data:'test'}
const sheet = new ServerStyleSheet();
const content = ReactDOMServer.render
浏览 6提问于2021-05-26得票数 5
1回答
我正在处理函数组件和类组件的混合。每次在NavBar中单击时，我都希望触发函数来验证表单，它有5个表单，因此每次我都必须在上下文API中设置一个新函数。
Context.js
import React, { createContext, useContext, useState } from "react";
const NavigationContext = createContext({});
const NavigationProvider = ({ children }) => {
const [valid, setValid] = useState(fa
浏览 1提问于2021-06-14得票数 0
4回答
我正在考虑使用react、useContext和context api来代替redux。话虽如此，我还是希望我的状态在结构上有点复杂。让我们看看这个结构是
state = {
key1: true,
key2: {
key3: [],
key4: ''
}
}
我明白的是redux和context api都允许我创建复杂的结构。在使用react的情况下，我可以很好地使用Provider，Consumer/useContext将我的存储状态值传递给我的所有组件。
Redux给我的更多信息是，如果有任何特定的键(比如key4
浏览 0提问于2021-02-03得票数 3
回答已采纳
我曾经让这个代码在我的搜索组件上工作，但是在on submit被调用后，我收到了这个以前从未发生过的错误，有人知道吗？？
已超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate中重复调用setState时，可能会发生这种情况。React限制嵌套更新的数量，以防止无限循环。
import React, { Component } from "react";
import axios from "axios";
import { Redirect } from "react-router-dom";
浏览 0提问于2019-05-07得票数 0
我正在尝试创建一个从API中获取数据的React项目，并且我试图从外部文件中使用useReducer钩子和useContext。文件夹结构：
publicsrc (在src文件夹中，除了其他组件和其他files)package.json之外，还有context.js和reducer.js。
reducer.js：
const reducer = (currentState, action)=>{
switch(action.type){
case 'setBreedList':
// console.log('
浏览 2提问于2021-06-27得票数 0
回答已采纳
我在React工作了6个月，还没有使用Redux的经验。虽然我使用过context api和useReducer钩子。我需要转换一个现有的应用程序反应，这将有大约100-120个组件。我的问题是关于状态管理的选择。随着context api和Redux的兴起，我是否可以只依赖这两个库，或者useReducer库仍然是更好的选择？我找到的比较的文章来自2019年末，所以我不能决定。请指点
浏览 5提问于2021-06-04得票数 1
我遵循了一个指南，该指南展示了如何使用一个名为state.js的文件中的几行代码来访问和管理全局状态。
import React, {createContext, useContext, useReducer} from 'react';
export const StateContext = createContext();
export const StateProvider = ({reducer, initialState, children}) =>(
<StateContext.Provider value={useReducer(reducer,
浏览 1提问于2019-12-03得票数 1
当运行"npm测试“时，我得到以下信息：
不变违反:无法在“连接(AddTodo)”上下文中找到“存储”。或者将根组件包装在连接选项中，或者将自定义的React提供程序和相应的React使用者(AddTodo)传递给连接选项。
我确信它来自组件/addTodo.js内部的行：
export default connect()(AddTodo);
但是，我不确定应该修改什么才能使测试在不破坏应用程序的情况下成功运行。
这是一个失败的测试，它在App.test.js中：
import React from 'react';
import ReactDOM from
浏览 3提问于2020-01-01得票数 0
回答已采纳
我正在尝试在我的ract-本地应用程序中上下文api。但我得到了这个错误。TypeError: TypeError:无法读取未定义的属性“数字”。，我的代码出了什么问题？
appContext.js
import React from 'react';
export const AppContext = React.createContext();
class AppProvider extends React.Component {
constructor(props) {
super(props);
this.state = {
浏览 0提问于2018-09-24得票数 0
我使用“React Context”将状态user传递给子组件。 问题:每次重新加载页面时，状态user的值都是空的。这会导致页面在重定向到'/dashboard`‘之前短暂地重定向到/login。这将防止用户手动访问页面。 目标:如何在渲染之前等待状态user？ App.js function App() {
const [user, setUser] = useState(null);
useEffect(() => {
firebase.auth().onAuthStateChanged((user) => {
if (user) set
浏览 30提问于2020-08-23得票数 1
回答已采纳
我正在尝试使用上下文API进行一些状态管理；我想要实现的是，当我到达特定的路由时，我从服务器加载数据，将其存储在上下文中，并在页面本身中显示数据。这导致了一个无限循环，其中对服务器的请求是一次又一次地完成的(并且永不停止)。
我试图为提供者和消费者逻辑使用更高级的组件：
import React, { Component, createContext } from 'react';
import RequestStatus from '../RequestStatus';
import { getData } from '../Api';
c
浏览 0提问于2019-01-16得票数 2
回答已采纳
1回答
我在我的应用程序中使用了react和主干模型。为了相互通信，我使用高阶组件()。
假设我有个骨干模特：
class Item extends Backbone.Model {
defaults() {
return {
id: null,
name: 'item',
subItems: [],
link: null
};
}
// This is sample API response to GET /item/1
{
id: 1,
name: 'item1',
浏览 2提问于2015-08-14得票数 1
1回答
试图在似乎需要传入值的应用程序上实现全局上下文，其意图是API将将组织列表返回到可用于显示和后续API调用的上下文中。
当试图将<Provider>添加到App.tsx时，应用程序会抱怨没有定义值，而我在用useEffect()模拟API响应。
守则如下：
types/Organisations.ts 类型
export type IOrganisationContextType = {
organisations: IOrganisationContext[] | undefined;
};
export type IOrganisationContext = {
id
浏览 1提问于2020-05-03得票数 1
回答已采纳
2回答
我正在学习React，并且现在尝试实现使用上下文API的旧方法，但是当我试图编译时，我会得到一个错误。
上面写着：
TypeError: context is undefined. Version is 17.0.1
下面是我使用的文件：
Test0.js
import React from 'react';
const Test0 = React.createContext();
export default Test0;
Test1.js
import React, { Component } from 'react';
import Test0 from
浏览 2提问于2021-02-06得票数 2
回答已采纳
我正在构建一个克隆，因此为了让用户能够将一个产品添加到他的篮子中(作为所有未来结帐系统的第一个版本)，我使用了Context Api来管理它。
当我完成编写上下文Api代码并将其添加到index.js文件以便能够访问数据时，我得到了一个没有任何错误消息的空白屏幕。我不知道问题到底在哪里。
StateProvider.js
import React , { createContext, useContext, useReducer} from 'react'
export const StateContext = createContext();
export const S
浏览 6提问于2022-04-26得票数 0
1回答
我有一个应用程序，用户拥有大量的配置文件信息，例如LinkedIn配置文件。我需要更新用户的个人资料。我在根级创建了一个上下文组件，即应用程序，并在多个配置文件组件中使用useContext钩子共享该上下文。用户可以从任何子组件中更改概要文件属性，如标题、概要，并更新全局上下文。当全局上下文刷新时，它将导致使用上下文的所有子组件重新呈现。如何避免在没有更改的情况下重新呈现其他组件。
这是我的代码：
profile-context.tsx
import React from 'react';
let ProfileContext = React.createContext({})
浏览 4提问于2022-03-22得票数 0
我正在构建一个ReactJS应用程序，它的内容将通过RESTful应用程序接口提供。
1.)当应用程序挂载时，我是否应该有一个API调用来指示应该加载哪些组件以及提供所有内容(顶部链接列表、侧边栏内容、页面内容等)。或者顶层链接组件是否应该对其需要的数据发出API请求，然后每个其他组件都对其所需的数据进行API调用？
2.)我知道React是表示层，所以当服务器需要根据用户身份验证等来隐藏/显示组件内容时，应该如何“告知”react应用程序要显示/隐藏什么。
浏览 0提问于2018-07-05得票数 1
我有一个react项目，我使用上下文api来管理应用程序的状态。
我有一个具有onClick事件的项列表，该事件在上下文中更新状态。
问题是，当状态更改时，所有项都会重新呈现，这会导致延迟。
我的问题是，如果没有点击，如何阻止其他项目重新呈现。
item.jsx
import React, { useContext } from "react";
import { MainContext } from "../../_context/PresentContext";
const Item = ({item}) => (
<MainContext
浏览 0提问于2019-08-16得票数 0
回答已采纳
1回答
我有组件consum上下文api。每个列表项都有一个自定义链接来重定向到它的页面。
我正在尝试呈现每个组件列表
对于"Product.jf，Details.js"组件，我可以呈现它们。但是，对于"Cart.js“，我做不到。
我需要你的帮助来解决这个问题。
谢谢你的帮助
{/* Section Component */}
import React, { Component } from "react";
import { Switch, Route } from "react-router-dom";
import Cart fro
浏览 0提问于2021-01-27得票数 1
1回答
因此，我有一个连接到React Context API的输入元素-当元素没有嵌套在组件中时，更新值onChange就会起作用。就在输入下面，我呈现了一个返回输入字段的不同组件。这个输入字段也连接到context API，但是输入失去了焦点onChange。 我知道我可以添加一个"key“甚至一个"id"，但这些解决方案似乎都不起作用。 为什么会发生这种情况，最好的修复方法是什么？ import React, { useContext } from "react";
import { Context } from "../../context&#
浏览 65提问于2020-10-01得票数 0
我正在制作一个定制的MS团队应用程序，在应用程序Im中，我试图从url中获取一个json，然后稍后显示内容。但是，获取失败了。我的目标是从提供的url中获取数据列表，然后在我的团队应用程序中的Tab中显示它，它将在这里：。
正如您可能知道的，我根本没有使用javascript的经验，但是定制的MS团队应用程序想要javascript.
// Copyright (c) Microsoft Corporation. All rights reserved.
// Licensed under the MIT License.
import React from 'react';
浏览 1提问于2021-05-31得票数 0
回答已采纳
我正在使用redux应用程序在我的反应中尝试单元测试。因此，我需要测试连接的组件，不幸的是，我得到了这个错误：
无法读取未定义的属性“contextTypes”--我在单元测试中使用酶--这里是我的组件：
import React from 'react';
import TextFieldGroup from '../common/TextFieldGroup';
import validateInput from '../../server/validations/login';
import { co
浏览 5提问于2017-01-31得票数 5
回答已采纳
import React,{useState} from 'react';
import axios from 'axios';
import { Video } from 'expo-av';
import { StyleSheet, View,Text, TextInput, ScrollView, Image, TouchableHighlight, Modal, Button } from 'react-native';
export default function App() {
const apiurl = &
浏览 2提问于2020-07-14得票数 0
我是一个新的反应，所以希望这是容易的事情。我正在获取一些API数据，并尝试使用reducer更新上下文，然后使用从API检索到的数据更新子组件。 我在context.tsx中创建了一个空上下文： export const AppStateContext = createContext(null); 然后，我的上下文提供程序使用useEffect()通过axios对我的API进行get调用： const [context, dispatch] = useReducer(AppContextReducer, {});
React.useEffect(() => {
console
浏览 44提问于2021-03-02得票数 1
回答已采纳
2回答
React没有捕获道具，无论是prevProps还是nextProps，组件呈现得都很好。医生说
如果您的函数组件在相同的支持下呈现相同的结果，则可以将其封装在对React.memo的调用中，以提高性能。
我的问题是使用react停止两次渲染，但memo似乎不起作用，组件使用相同的道具呈现两次。
当在Create New Event上单击/events时，组件呈现
。
位于/components/Event/CreateEvent/CreateEvent.js的子组件
父组件位于触发子组件的/Pages/Event/Event.js行号999‘处。
以下是守则：
i
浏览 6提问于2020-06-09得票数 0
回答已采纳
1回答
我需要在React中实现一种Web应用程序的主/详细视图。由于应用程序应该集成到CakePHP应用程序中，所以我不能使用React Router来处理路由(因为CakePHP会处理它们)。 我有一个项目列表，并希望在它们之间导航，显示一个详细视图。项目是嵌套的，因此有SubItems可供导航。 ? 现在，我得到了一个ItemList组件，它显示了一个带有点击处理程序的卡片列表。如何在不更改url的情况下更改视图？ ItemList组件如下所示： class ItemList extends React.Component {
constructor(props) {
浏览 9提问于2021-01-15得票数 0
1回答
我已经在我的菜谱应用程序中请求API调用，并且可以访问我的首页所需的所有数据，但是当我试图从我的应用程序的另一页的API调用中获得特定属性时，当我尝试呈现它时，我会得到一个错误。我遇到一个错误，告诉我“无法获得未定义或空引用的属性‘标签’”，有人能帮忙吗？
这是我的代码
RecipeApp
import React from "react";
import "bootstrap/dist/css/bootstrap.min.css";
import Form from "./components/form";
import Recipes fro
浏览 2提问于2019-11-26得票数 0
2回答
我是新来的反应。我有一个react + react路由器+ redux应用程序，我想从一个子组件发出一个调度电话。现在，调度正在应用程序顶部的index.js文件中进行，它通过redux操作和api调用从数据库加载所有数据：
const store = configureStore();
store.dispatch(loadCourses()); <-- redux thunk function calling api
store.dispatch(loadAuthors());
ReactDOM.render(
<Provider store={store}>
浏览 4提问于2017-04-28得票数 3
回答已采纳
我在app.js.What中的react项目中进行了一个api调用，就是在一段时间后我会从这个API中得到响应，直到那时我的另一个组件正在使用这个repsonse中断，所以我必须确保除非getSubscriptionStatusCallback没有被调用，否则不要继续前进。
getSubscriptionStatus(context) {
console.log('inside api');
if (!context.userInfo || context.userInfo.UserIdentified === '0')
return
浏览 1提问于2018-11-15得票数 1
回答已采纳
1回答
页刷新中不存在授权标头
、、、
我有一个C#解决方案，包括：
IdentityServer 4 application.net核2.2WebAPI对SPA的反应
我使用身份服务器、资源所有者、密码流通过React应用程序登录。这是可行的，我会得到一个访问令牌。
然后，我在web api上调用一个传递访问令牌的方法：
[Authorize(AuthenticationSchemes = "Bearer")]
public async Task<VMFranchiseGeoJson> GetByAuthorizedUser()
{
try
{
var token = C
浏览 1提问于2019-10-15得票数 0
我有react & FastAPI与nginx一起使用docker服务。当我运行docker-compose up时，一切都与localhost:3000上可用的react应用程序和localhost:8000上可用的api一起工作。例如，get请求localhost:8000/fleets/返回所需的结果。不过，我希望api能在localhost:3000/api/上实现。
当我将--root-path /api添加到FastAPI Dockerfile中时，react应用程序仍然会在localhost:3000加载，并且能够在localhost:3000/api/上访问api，但是
浏览 45提问于2022-07-14得票数 2
我试图重用一堆自定义钩子，而不需要重新调用它们，也不需要维护一个顺序，通过这个顺序，我将不得不将级联参数从一个钩子传递到另一个钩子。
一个工作示例：
考虑到以下代码：
import React, { useContext, useEffect, useState } from "react";
const globalContext = React.createContext({
user: null,
pet: null
});
const usePet = () => {
const [pet, setPet] = useState(null);
浏览 3提问于2022-01-31得票数 2
回答已采纳
今天早上我在一个购物网站上工作，使用了React类型记录和上下文API .对于这些产品，我使用了一个来自web的开放API来检索一些数据(用于测试)，并且我使用这些数据作为我的[products, setProducts]的初始状态.当我在上下文文件中console.log(products)我的产品状态时，我确实得到了数据，但是当我在应用程序中使用了提供程序之后，我得到了一个console.log空数组.我不知道为什么会这样..。谢谢你的帮忙
上下文API文件
import * as React from 'react';
import { useQuery } from &
浏览 5提问于2021-06-08得票数 0
回答已采纳
例如，我有一个名为List的React Hook组件，它具有任意数量的子项Entry (可以添加或删除)。如果条目的数据发生变化，我如何才能在不重新渲染父条目的情况下更新它，这将重新渲染其所有兄弟项，这可能是巨大的。我希望避免使用useRef和useImperativeHandle，首先是因为我的代码变得更加复杂，而使用react-sortable-hoc使得使用它们变得不可能。
浏览 32提问于2020-03-06得票数 0
我正在尝试适应React的上下文API功能，我想要做的是在另外两个组件中使用一个组件中提供的上下文。不幸的是，当试图访问第二个上下文使用者中的上下文时， context 的值是undefined。我怎么才能解决这个问题？
Provider (snippet)
const [loginState, changeLoginState] = useState({
isAuthenticated: false,
login: () => {}
});
const loginHandler = () => {
let newState = {...login
浏览 1提问于2021-07-13得票数 1
回答已采纳
在我的应用程序中，在应用程序启动时，我显示了所提供的JSON文件中的一个字符。在选择角色时，UI应该更新并显示该角色出现在其中的每部电影的详细信息。为此，我制作了进行API调用的MovieDetails组件( JSON文件中提供的API URL和这些调用返回的数据)。 当用户点击第一个li (Luke Skywalker)时，我正在尝试获取电影的详细信息，因为我在handleClick()中使用了一个switch case。但它不起作用。当用户点击li时，有没有人能建议我如何更新UI？ App.js import React, { Component } from 'react
浏览 30提问于2019-06-16得票数 1
回答已采纳
1回答
我正在从一个通过src道具传入的url中加载一个svg映像。
我遇到的问题是，我正在将svg存储到状态，但是当url更改时，显示的图像将是单击的前一个图像，而不是当前图像。
我可以看到，存储在状态中的图像始终是最后选择的图像。
我相信它是如何从api中获取映像并将其存储到这里来声明的，但我不太明白它是如何工作的，以及它如何用svg更新状态。
).then(
svg => this.state.image = svg
);
我怎样才能改变这一点，使状态用正确的图像更新？
SVG组件
import React from 'react';
import fetch fro
浏览 0提问于2018-09-26得票数 2
回答已采纳
我正在尝试学习上下文API，我想要实现的是在我的标题中显示登录用户，以及根据登录状态操作我的菜单选项(在状态中存储'isAuthenticated‘安全吗？)
我的文脉课：
import React from 'react';
const Context = React.createContext();
export class Provider extends React.Component {
state = {
isAuthenticated: true,
user: {
name: "
浏览 0提问于2019-06-13得票数 7
回答已采纳
3回答
如果我使用mocked store渲染redux组件，酶浅渲染会以一种意想不到的方式出现。
我有一个简单的测试，看起来像这样：
import React from 'react';
import { shallow } from 'enzyme';
import { createMockStore } from 'redux-test-utils';
import Test from './Test'
it('should render ', () => {
const tes
浏览 3提问于2017-10-22得票数 5
我一直在测试，到目前为止，它看起来相当整洁。除了呈现默认的草图元素(如Text、View、Image等)之外，是否可以呈现包含使用scss样式的HTML标记的默认react组件？
我尝试呈现以下Hello-Component：
import React from 'react';
import { render, Artboard, Text, View } from 'react-sketchapp';
const Hello = () => (
<View
name={`Hello View`}
>
<Tex
浏览 8提问于2017-04-26得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
