小编jon*_*bbs的帖子

我一直在阅读关于@ font-face规则并试图找出它是否值得在一个项目中使用它来为标题渲染"franklin gothic medium"而不是像sIfr这样的东西.我认为对于不支持它的浏览器,我可以让它回归到Arial上.

问题是,我无法得到关于哪种浏览器支持以这种方式嵌入字体的明确答案.

到目前为止,我已经解决了IE的问题,但不支持.ttf文件.其他浏览器我不确定.

如果有人能指出我的兼容性图表的一些kinf将是伟大的.

乔恩

是否可以从外部源获取HTML/JSX内容并在React中动态呈现它？在我们的例子中,我们想从Wordpress API获取内容并在客户端和服务器上呈现它(我们使用的是NextJS)

因此,Wordpress API返回一个JSON响应,其中包含一个内容属性,该属性是一个HTML/JSX字符串.内容看起来像这样.

{
    content: "<div><Slider imageCount="5" galleryID="1"></Slider><span>This is an image gallery</span></div>"
}

因此,正如您所看到的,它将是HTML和React组件/ JSX的混合,表示为字符串

我会使用Axios来调用内容(使用NextJS的getInitialProps()方法在服务器和客户端上),然后我需要渲染它,但我是新的反应,我可以看到一些问题.

1)在React中,JSX是在构建时编译的,而不是运行时,我看不出如何绕过它(例如,使用$ compile服务在Angular中会很容易).

2)由于我们不知道Wordpress的内容将使用哪些组件,我们必须在页面顶部导入它们中的每一个,内容可能包含一个组件,或者它可能包含一个组件,谁知道？.

现在,我认为这是不可能的,这意味着我们必须重新考虑使用React,但我真的希望有人有答案.

真的很感激任何帮助.

我在 Stack Overflow 上搜索了类似的问题，但答案要么涉及旧版本，要么与我的情况无关。

对于使用样式组件的页面上的第一个组件，我收到上述错误。如果我删除该组件，我会收到下一个组件的错误，依此类推，因此我假设水合过程存在问题，并且每个 className 都会发生这种情况。

我有一个_document.tsx文件，它扩展了 Document 类并具有以下 getInitialProps 函数

static async getInitialProps (ctx) {

    const sheet = new ServerStyleSheet()
    const originalRenderPage = ctx.renderPage

    try {

        ctx.renderPage = () =>
            originalRenderPage({
            enhanceApp: App => props => sheet.collectStyles(<App {...props} />)
        })

        const initialProps = await Document.getInitialProps(ctx)
        
        return {
            ...initialProps,
            styles: (
                <>
                    {initialProps.styles}
                    {sheet.getStyleElement()}
                </>
            )
        }
        
    } finally {
        sheet.seal()
    }
    
}

我的预感是这与这段代码有关，因为在我升级到 Typescript（并且必须更改我的 _app.tsx 文件）之前，我没有收到此错误，但我不知道如何修复它。

任何帮助将不胜感激。

有人知道是否可以对SQL Server数据库中的列进行%LIKE%搜索,但是让它忽略列中的任何特殊字符？

所以,例如,如果我有一个名为"歌曲"的列,它们包含以下内容......

黑或白

没有睡觉直到布鲁克林

船歌

爸爸不要讲道

如果用户搜索"no sleey until brooklyn",那么我希望它返回一个匹配,即使他们忘记包含撇号.如果他们搜索"SOUL",我也希望它返回第4行.我相信你明白了......

真的很感激任何帮助.

我一直在努力研究是否可以使用SSMS这样的GUI来管理(即添加表,修改它们,创建存储过程)SQL Azure数据库,并且我不断遇到不同的答案.

我在2009年底发现了一篇帖子,说它会在SSMS中得到支持,但我不确定是否包含Express版本？有人知道快递版本的最新更新是什么以及它是否支持它？

我认为我说它在Visual Web Developer 2010中无法完成(而且我买不起全胖的VS2010).

我准备考虑替代方案,但是如果有人知道任何与SQL azure一起使用的完整功能GUI工具,并且我不介意支付商业许可证,如果它不是太昂贵.

谢谢.

我正准备在一个相当大的项目上第一次使用http://raphaeljs.com/,但我想知道学习一个很多不受支持的新库.

github页面显示了33个拉取请求和9个月前的最后一次提交.这应该是一个问题,还是我应该潜入？

我想使用UI模式创建一个非常简单的确认框,我已经成功地用它来制作过去从外部文件加载模板和控制器的复杂模态.

这很简单,虽然我不想依赖外部模板和控制器文件,只是一个带有关闭按钮的简单框,它以某种方式连接到模态实例上直接声明的控制器.

这是我尝试过的失败......

var modalInstance = $modal.open({
    template: "<div>Message goes here...<button ng-click='cancel()'>Continue</button></div>",
    controller: function(){

        $scope.cancel = function(){
            alert("Cancelled");
        };

    }
});

在这里做出反应并尝试将新的Context API包裹住（我还没有研究Redux等）。

似乎我可以做很多我需要做的事情，但是最终我将得到很多提供程序，所有提供程序都需要一个标签来包装我的主应用程序。

我将要为Auth提供一个提供程序，一个为主题提供程序，一个为聊天消息提供程序（通过Pusher.com访问），等等。另外使用React Router的是另一个包装元素。

我要结束这个（还有更多）吗？

<BrowserRouter>
    <AuthProvider>
        <ThemeProvider>
            <ChatProvider>
                <App />
            </ChatProvider>
        </ThemeProvider>
    </AuthProvider>
</BrowserRouter>

或者，还有更好的方法？

我有一个普通的旧 NodeJS 项目（使用 Typescript），我真的很难找出如何为本地文件执行 ES6 导入，而不必一直执行“../../../foo/bar”。

有很多类似的问题，但似乎都围绕着我没有使用的 babel/Webpack 展开。

如果我执行以下操作：

import foo from `/bar`

它在我 PC 的根文件夹（例如 c:/bar）中查找它并失败。

我曾尝试使用 .env 文件并将 NODE_PATH 设置为各种铰链（“/”、“.”等），但没有运气。我也试过在我的 package.json 中设置“type: 'module'”，我的 tsconfig.json 文件有 {"baseUrl": "."}

所以我想我已经尝试了我能找到的所有答案。我只是在错误的组合中使用它们还是解决方案有所不同？

我是 React Router 的新手，并尝试使用新的 Conext API 从提供程序内部进行重定向。基本上我的提供者看起来像这样。

/* AuthContext.js */

class AuthProvider extends React.Component {

  state = { isLoggedIn: false }

  constructor() {
    super()
    this.login = this.login.bind(this)
    this.logout = this.logout.bind(this)
  }

  login() {

    this.setState({ isLoggedIn: true })

    // Need to redirect to Dashboard Here

  }

  logout() {
    this.setState({ isLoggedIn: false })
  }

  render() {
    return (
      <AuthContext.Provider
        value={{
          isLoggedIn: this.state.isLoggedIn,
          login: this.login,
          logout: this.logout
        }}
      >
        {this.props.children}
      </AuthContext.Provider>
    )
  }
}

const AuthConsumer = AuthContext.Consumer

export { AuthProvider, AuthConsumer } …